sinzmise-cetastories 2.0.0-1731139285615 → 2.0.0-1731141961663

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (126) hide show
  1. package/404/index.html +1 -1
  2. package/about/index.html +1 -1
  3. package/album/index.html +1 -1
  4. package/archives/2021/12/index.html +1 -1
  5. package/archives/2021/index.html +1 -1
  6. package/archives/2022/12/index.html +1 -1
  7. package/archives/2022/index.html +1 -1
  8. package/archives/2023/01/index.html +1 -1
  9. package/archives/2023/02/index.html +1 -1
  10. package/archives/2023/03/index.html +1 -1
  11. package/archives/2023/04/index.html +1 -1
  12. package/archives/2023/07/index.html +1 -1
  13. package/archives/2023/08/index.html +1 -1
  14. package/archives/2023/09/index.html +1 -1
  15. package/archives/2023/10/index.html +1 -1
  16. package/archives/2023/11/index.html +1 -1
  17. package/archives/2023/12/index.html +1 -1
  18. package/archives/2023/index.html +1 -1
  19. package/archives/2023/page/2/index.html +1 -1
  20. package/archives/2023/page/3/index.html +1 -1
  21. package/archives/2024/01/index.html +1 -1
  22. package/archives/2024/02/index.html +1 -1
  23. package/archives/2024/03/index.html +1 -1
  24. package/archives/2024/04/index.html +1 -1
  25. package/archives/2024/05/index.html +1 -1
  26. package/archives/2024/06/index.html +1 -1
  27. package/archives/2024/07/index.html +1 -1
  28. package/archives/2024/08/index.html +1 -1
  29. package/archives/2024/09/index.html +1 -1
  30. package/archives/2024/10/index.html +1 -1
  31. package/archives/2024/index.html +1 -1
  32. package/archives/2024/page/2/index.html +1 -1
  33. package/archives/index.html +1 -1
  34. package/archives/page/2/index.html +1 -1
  35. package/archives/page/3/index.html +1 -1
  36. package/archives/page/4/index.html +1 -1
  37. package/archives/page/5/index.html +1 -1
  38. package/atom.xml +31 -31
  39. package/bbs/bbs.html +1 -1
  40. package/bbs/index.html +1 -1
  41. package/categories/index.html +1 -1
  42. package/categories//344/270/252/344/272/272/345/260/217/350/256/260/index.html +1 -1
  43. package/categories//344/270/252/344/272/272/345/260/217/350/256/260/page/2/index.html +1 -1
  44. package/categories//346/255/214/346/233/262/346/224/266/351/233/206/index.html +1 -1
  45. package/categories//346/270/270/346/210/217/347/233/270/345/205/263/index.html +1 -1
  46. package/categories//347/253/231/347/202/271/346/212/230/350/205/276/index.html +1 -1
  47. package/categories//347/253/231/347/202/271/346/212/230/350/205/276/page/2/index.html +1 -1
  48. package/categories//351/241/271/347/233/256/346/212/230/350/205/276/index.html +1 -1
  49. package/charts/index.html +1 -1
  50. package/comments/index.html +1 -1
  51. package/css/style.css +1 -1
  52. package/essay/index.html +1 -1
  53. package/fcircle/index.html +1 -1
  54. package/games +11 -13
  55. package/index.html +1 -1
  56. package/link/index.html +1 -1
  57. package/maps/css/style.css.map +1 -1
  58. package/maps/sw.js.map +1 -1
  59. package/music/index.html +1 -1
  60. package/package.json +1 -1
  61. package/page/2/index.html +1 -1
  62. package/page/3/index.html +1 -1
  63. package/page/4/index.html +1 -1
  64. package/page/5/index.html +1 -1
  65. package/posts/10021/index.html +2 -2
  66. package/posts/10045/index.html +1 -1
  67. package/posts/10733/index.html +1 -1
  68. package/posts/10996/index.html +2 -2
  69. package/posts/12779/index.html +1 -1
  70. package/posts/13624/index.html +1 -1
  71. package/posts/15688/index.html +1 -1
  72. package/posts/15748/index.html +2 -2
  73. package/posts/15799/index.html +1 -1
  74. package/posts/15842/index.html +2 -2
  75. package/posts/16107/index.html +1 -1
  76. package/posts/18063/index.html +1 -1
  77. package/posts/20412/index.html +1 -1
  78. package/posts/21375/index.html +1 -1
  79. package/posts/22945/index.html +2 -2
  80. package/posts/23021/index.html +1 -1
  81. package/posts/27531/index.html +2 -2
  82. package/posts/28536/index.html +1 -1
  83. package/posts/28733/index.html +1 -1
  84. package/posts/29196/index.html +1 -1
  85. package/posts/38917/index.html +1 -1
  86. package/posts/38964/index.html +1 -1
  87. package/posts/42487/index.html +1 -1
  88. package/posts/42580/index.html +1 -1
  89. package/posts/45875/index.html +1 -1
  90. package/posts/46640/index.html +1 -1
  91. package/posts/48762/index.html +1 -1
  92. package/posts/50710/index.html +1 -1
  93. package/posts/52677/index.html +1 -1
  94. package/posts/53662/index.html +1 -1
  95. package/posts/54386/index.html +1 -1
  96. package/posts/54481/index.html +1 -1
  97. package/posts/54787/index.html +2 -2
  98. package/posts/56467/index.html +1 -1
  99. package/posts/57692/index.html +1 -1
  100. package/posts/58203/index.html +1 -1
  101. package/posts/61417/index.html +1 -1
  102. package/posts/61712/index.html +1 -1
  103. package/posts/646/index.html +1 -1
  104. package/posts/64856/index.html +1 -1
  105. package/posts/64935/index.html +1 -1
  106. package/search.xml +77 -77
  107. package/seas/index.html +1 -1
  108. package/sw.js +1 -1
  109. package/tags/Flash/347/233/270/345/205/263/index.html +1 -1
  110. package/tags/Steam/346/270/270/346/210/217/index.html +1 -1
  111. package/tags/Windows/350/275/257/344/273/266/index.html +1 -1
  112. package/tags/index.html +1 -1
  113. package/tags//344/270/252/344/272/272/345/260/217/350/256/260/index.html +1 -1
  114. package/tags//344/270/252/344/272/272/345/260/217/350/256/260/page/2/index.html +1 -1
  115. package/tags//345/205/266/345/256/203/346/270/270/346/210/217/index.html +1 -1
  116. package/tags//345/212/240/350/275/275/345/212/250/347/224/273/index.html +1 -1
  117. package/tags//346/202/254/346/265/256/345/256/240/347/211/251-/347/234/213/346/235/277/345/250/230/index.html +1 -1
  118. package/tags//346/255/214/346/233/262/346/224/266/351/233/206/index.html +1 -1
  119. package/tags//346/270/270/346/210/217/347/233/270/345/205/263/index.html +1 -1
  120. package/tags//347/253/231/347/202/271/345/272/225/351/203/250/351/255/224/346/224/271/index.html +1 -1
  121. package/tags//347/253/231/347/202/271/346/212/230/350/205/276/index.html +1 -1
  122. package/tags//347/253/231/347/202/271/346/212/230/350/205/276/page/2/index.html +1 -1
  123. package/tags//350/207/252/345/273/272/351/203/250/347/275/262/index.html +1 -1
  124. package/tags//351/241/265/351/235/242/351/255/224/346/224/271/index.html +1 -1
  125. package/tags//351/241/271/347/233/256/346/212/230/350/205/276/index.html +1 -1
  126. package/update/index.html +1 -1
package/atom.xml CHANGED
@@ -6,7 +6,7 @@
6
6
  <link href="https://blog.sinzmise.top/atom.xml" rel="self"/>
7
7
 
8
8
  <link href="https://blog.sinzmise.top/"/>
9
- <updated>2024-11-09T08:00:35.901Z</updated>
9
+ <updated>2024-11-09T08:45:10.468Z</updated>
10
10
  <id>https://blog.sinzmise.top/</id>
11
11
 
12
12
  <author>
@@ -21,7 +21,7 @@
21
21
  <link href="https://blog.sinzmise.top/posts/61712/"/>
22
22
  <id>https://blog.sinzmise.top/posts/61712/</id>
23
23
  <published>2024-10-27T11:26:00.000Z</published>
24
- <updated>2024-11-09T08:00:35.901Z</updated>
24
+ <updated>2024-11-09T08:45:10.468Z</updated>
25
25
 
26
26
  <content type="html"><![CDATA[<p>没错，博客又换主题了<br>算了直接正片开始吧<br><span id="more"></span></p><h1 id="又一次更换主题"><a href="#又一次更换主题" class="headerlink" title="又一次更换主题"></a>又一次更换主题</h1><p>之前的async主题虽然不错，很好看并且有pjax<br>但是这个主题的pjax却是用的swup，导致了live2d和伪春菜出现了问题<br>并且开往的链接会跳转到“blog.sinzmise.top/go.html”，可谓是适配不算太行<br>因此不得不换主题</p><p>想了许久，我决定使用Volantis主题<br>魔改方案参考<psw>(抄)</psw>的<a href="https://inkss.cn/">枋柚梓的猫会发光</a><br>并且在此基础上适配了IndieWeb（要加入indieweb webring有个条件就是站点适配IndieWeb）<br>目前还有某些地方没完善，敬请期待</p><h1 id="积薪，再也不见"><a href="#积薪，再也不见" class="headerlink" title="积薪，再也不见"></a>积薪，再也不见</h1><p>这玩意是8月下架的，距离这篇文章开始编写的时间已经两个月之久了<br>我也是写这篇文章的时候访问了一下才知道下架了<br>然而这个的作者给“原中文独立博客导航项目积薪正式下线”夹带了私货<br>其中就包括对我们的刻板印象<br>（也怪不得原作者的博客会被墙了）</p><p>对于这种我的评价是：积薪，你很好。但是你个作者是个**</p><h1 id="站点聚合平台疑似打赢复活赛"><a href="#站点聚合平台疑似打赢复活赛" class="headerlink" title="站点聚合平台疑似打赢复活赛"></a>站点聚合平台疑似打赢复活赛</h1><p>这消息也是在我写这篇文章的时候搜了一下才发现打赢复活赛了<br>只不过换域名了，新域名：sites.applinzi.com<br>（也算是做了一种宣传了。。。。。。）</p><p>以上</p>]]></content>
27
27
 
@@ -42,7 +42,7 @@
42
42
  <link href="https://blog.sinzmise.top/posts/10733/"/>
43
43
  <id>https://blog.sinzmise.top/posts/10733/</id>
44
44
  <published>2024-10-06T18:58:31.000Z</published>
45
- <updated>2024-11-09T08:00:35.901Z</updated>
45
+ <updated>2024-11-09T08:45:10.468Z</updated>
46
46
 
47
47
  <content type="html"><![CDATA[<p>国庆假期已经快要收尾了<br>不知道大家过得怎么样呢？<br>不废话，正片开始！<br><span id="more"></span></p><h1 id="站点又重新装修"><a href="#站点又重新装修" class="headerlink" title="站点又重新装修"></a>站点又重新装修</h1><p>之前我魔改的那Butterfly主题被人诟病加载慢等等问题<psw>，并且在经过我的“努力”之下成功变成了史山代码</psw><br>因此被迫重新装修</p><p>站点更新如下：</p><ul><li>更换主题为<a href="https://hexo-theme-async.imalun.com/">Hexo-Theme-Async</a>，并且为这个主题适配了IndieWeb，同时也做了一些魔改</li><li>将原先的swpp换成async主题自带sw，并且在此基础上进行适配全站npm化</li><li>添加DocSearch</li></ul><p>很多功能我还没添加，敬请期待！</p><h1 id="第一次去漫展"><a href="#第一次去漫展" class="headerlink" title="第一次去漫展"></a>第一次去漫展</h1><p>之前在微信的朋友圈里面看到了我的一位朋友<br>他要几个人跟他去漫展<br>而且那漫展还是在汕头（离我家很近）<br>于是我想去逛漫展了</p><p>虽然那位朋友在去漫展的路上出事（腰出问题）导致迟到了差不多一个小时<br>不过没关系，我能自己逛逛</p><p>逛逛的过程中顺带买了hina的立牌和大米的谷子<psw>别问为啥没买麻酱和独角兽的谷子，貌似卖完了或者根本没卖（悲）</psw><br>而且还去看了那边的演出（那边的演出是会整活的，给背景音乐混入了几个奇奇怪怪的东西）<br>我那朋友一来我就带他们去卖立牌的地方<br><psw>然后我就看见了这地方还有本子。。。。。。。</psw><br>他们买了几个谷子，我也跟着买了几个谷子和钥匙扣</p><p>收获：<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/82245cff3c03cdd649f4b71ea6b8cc1.5tr06yjfnx.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/82245cff3c03cdd649f4b71ea6b8cc1.5tr06yjfnx.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="四个谷子，一个立牌和两个钥匙扣"></p>]]></content>
48
48
 
@@ -63,7 +63,7 @@
63
63
  <link href="https://blog.sinzmise.top/posts/64856/"/>
64
64
  <id>https://blog.sinzmise.top/posts/64856/</id>
65
65
  <published>2024-09-30T20:29:48.000Z</published>
66
- <updated>2024-11-09T08:00:35.901Z</updated>
66
+ <updated>2024-11-09T08:45:10.468Z</updated>
67
67
 
68
68
  <content type="html"><![CDATA[<p>首先提前祝大家国庆节快乐！<br>然后就是，正片开始！<br>（别问为啥没有收藏手机的环节了，因为开学了所以我就不打算收藏老手机了，要不然我早就收台i819来玩玩了QWQ）<br><span id="more"></span></p><h1 id="突如其来的好消息"><a href="#突如其来的好消息" class="headerlink" title="突如其来的好消息"></a>突如其来的好消息</h1><p>很好，月考数学发挥超常<br>满分120我考了90分<br>（别问为啥我这么骄傲，我之前的数学成绩保底是60分）<br>然后就没然后了</p><h1 id="回归邦邦（BanG-Dream）和pjsk（世界计划-缤纷舞台）"><a href="#回归邦邦（BanG-Dream）和pjsk（世界计划-缤纷舞台）" class="headerlink" title="回归邦邦（BanG Dream）和pjsk（世界计划 缤纷舞台）"></a>回归邦邦（BanG Dream）和pjsk（世界计划 缤纷舞台）</h1><p>之前因为某些原因，我把BanG Dream!和pjsk卸了<br>后面因为了解到MyGO!!!!!<psw>（还在go，还在go）</psw>也是属于邦的，因此我回归了邦<br>同时也了解到了pjsk台服换新ui了，所以我顺便回归pjsk了</p><p>然而现在，Craft Egg已经离开邦邦了（听人说似了，但又没似，因为Craft Egg的原社长创立了FromTokyo，并且加入参与制作BanG Dream!<psw>，本质上没变只是Craft Egg换了层皮</psw>）<br>而pjsk新UI的也到来了（之前台服pjsk还是老ui的时候有幸入坑了日服，对我来说没有影响到我的手感就行了。。。。。。）</p><h1 id="回归Memos"><a href="#回归Memos" class="headerlink" title="回归Memos"></a>回归Memos</h1><p>之前从7iNet那边买了台机子<br>我想要部署点啥，就给Memos搞了<br>（毕竟我之前加入过<a href="https://memobbs.app/">木木大佬的哔哔广场</a>啦，这个是重新回归）</p><p>7iNat那边因为HK-NAT区域稳定性改造，我的Memos目前没法访问<br>因此没法把链接放上去了。。。。。<br>等什么时候好了我就放链接吧。。。。。。。</p>]]></content>
69
69
 
@@ -84,7 +84,7 @@
84
84
  <link href="https://blog.sinzmise.top/posts/15688/"/>
85
85
  <id>https://blog.sinzmise.top/posts/15688/</id>
86
86
  <published>2024-08-31T11:33:48.000Z</published>
87
- <updated>2024-11-09T08:00:35.901Z</updated>
87
+ <updated>2024-11-09T08:45:10.468Z</updated>
88
88
 
89
89
  <content type="html"><![CDATA[<p>时间过得真快，转眼间暑假就快结束了<br>还是这样，一个月一次的小记，安排！<br><span id="more"></span></p><h1 id="久违的旅游"><a href="#久违的旅游" class="headerlink" title="久违的旅游"></a>久违的旅游</h1><p>8月28日，也算是这个暑假的唯一一次旅游<br>虽然只有半天，但是也足够了</p><p>那次旅游的目的地是揭阳惠来，一共有三站：</p><h2 id="第一站：客鸟尾石笋区"><a href="#第一站：客鸟尾石笋区" class="headerlink" title="第一站：客鸟尾石笋区"></a>第一站：客鸟尾石笋区</h2><p>初来乍到，要爬上石笋很不容易<br>但爬上去之后看到的风景尽收眼底，我就知道这一爬也值得了<br>上照片：<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/6d151d58a8d72c9aa628a25899ba0bd.1e8jn988h8.jpg" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/6d151d58a8d72c9aa628a25899ba0bd.1e8jn988h8.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="6d151d58a8d72c9aa628a25899ba0bd"><br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/31a2efc188ed78b139427b8cbc0ac64.3yedzw8i2o.jpg" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/31a2efc188ed78b139427b8cbc0ac64.3yedzw8i2o.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="31a2efc188ed78b139427b8cbc0ac64"><br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/7994801d0f2edbfff94f00118c87433.361ii5s324.jpg" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/7994801d0f2edbfff94f00118c87433.361ii5s324.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="7994801d0f2edbfff94f00118c87433"><br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/874d49afb470b6728ba43a69e1c0945.45hlvbuy2b.jpg" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/874d49afb470b6728ba43a69e1c0945.45hlvbuy2b.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="874d49afb470b6728ba43a69e1c0945"><br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/0d561f893d8c63f3a16057373f4fe14.6t725oo2un.jpg" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/0d561f893d8c63f3a16057373f4fe14.6t725oo2un.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="0d561f893d8c63f3a16057373f4fe14"></p><h2 id="第二站：网红彩虹桥"><a href="#第二站：网红彩虹桥" class="headerlink" title="第二站：网红彩虹桥"></a>第二站：网红彩虹桥</h2><p>实际上就是揭阳那边的码头，没啥好看的<br>整体感觉还不如第一站和第三站<br>因此照片我不打算展示出来<br>直接第三站走起~~</p><h2 id="第三站：滨河湾旅游景区"><a href="#第三站：滨河湾旅游景区" class="headerlink" title="第三站：滨河湾旅游景区"></a>第三站：滨河湾旅游景区</h2><p>时间最长，也是我逛得最满意的景点~~<br>而且这个景点有天空之镜<psw>（虽然之前被群友吐槽过，并且有报道也吐槽了这玩意。。。。）</psw>和望远镜<psw>（虽然是要收费的。。。。。）</psw><br>观赏完风景我们就开始吃烧烤<br>可惜没有KTV，不过就半天的活动要啥ktv呢。。。。<br>不多说了，照片走起~~（虽然没有烧烤的。。。。。）<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/4d86b6602efda6086807b108e86f12c.51e3aw62e3.jpg" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/4d86b6602efda6086807b108e86f12c.51e3aw62e3.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="4d86b6602efda6086807b108e86f12c"><br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/ac7321a92e148651db9da6144271ab8.2obgtosbul.jpg" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/ac7321a92e148651db9da6144271ab8.2obgtosbul.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="ac7321a92e148651db9da6144271ab8"><br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/d9854d1e396ac8134a4b9e7a77500e8.9rjc9axx7y.jpg" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/d9854d1e396ac8134a4b9e7a77500e8.9rjc9axx7y.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="d9854d1e396ac8134a4b9e7a77500e8"><br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/81c936cb167b8361693d3d65d49b526.8l010p94sj.jpg" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/81c936cb167b8361693d3d65d49b526.8l010p94sj.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="81c936cb167b8361693d3d65d49b526"><br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/4d1fbe0f19bf6b80f0939405e9b23ff.3nrk6uvimx.jpg" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/4d1fbe0f19bf6b80f0939405e9b23ff.3nrk6uvimx.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="4d1fbe0f19bf6b80f0939405e9b23ff"><br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/2618e9e67b53d868eead5a2d370199d.41xzxq5gko.jpg" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/2618e9e67b53d868eead5a2d370199d.41xzxq5gko.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="2618e9e67b53d868eead5a2d370199d"><br>在望远镜那边拍的：<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/aaabe2c0194f1f62495c47167185d8a.lvo5mub12.jpg" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/aaabe2c0194f1f62495c47167185d8a.lvo5mub12.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="aaabe2c0194f1f62495c47167185d8a"><br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/41f870985b36dcf039f445fdb6b11a7.3k7y953l6b.jpg" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/41f870985b36dcf039f445fdb6b11a7.3k7y953l6b.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="41f870985b36dcf039f445fdb6b11a7"><br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/a5abb6942b0a25d05f89571d580bf38.361ii9vf7a.jpg" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/a5abb6942b0a25d05f89571d580bf38.361ii9vf7a.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="a5abb6942b0a25d05f89571d580bf38"><br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/4c7592b019561d39ca9ea4089424517.3nrk6uwvmq.jpg" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/4c7592b019561d39ca9ea4089424517.3nrk6uwvmq.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="4c7592b019561d39ca9ea4089424517"><br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/d540e08539fda0ad40036505af75da7.6f0mexj654.jpg" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/d540e08539fda0ad40036505af75da7.6f0mexj654.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="d540e08539fda0ad40036505af75da7"><br>回家之前顺带拍了这张照片：<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/e1ebadf380d2a24d768e71530dbfbd5.7w6rgrrov7.jpg" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/e1ebadf380d2a24d768e71530dbfbd5.7w6rgrrov7.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="e1ebadf380d2a24d768e71530dbfbd5"></p><h1 id="试玩《黑神话·悟空》"><a href="#试玩《黑神话·悟空》" class="headerlink" title="试玩《黑神话·悟空》"></a>试玩《黑神话·悟空》</h1><p>8月20日，黑神话·悟空上线了<br>试玩了一下，不愧是最强3A大作<br>里面的boss和打斗都特别爽，当然难度也特别高就是啦~~<br>可惜我没截图，要不然早就放上去了</p><p>而且因为要开学，我不怎么玩这个游戏了。。。。。。</p><h1 id="回归卡丘世界"><a href="#回归卡丘世界" class="headerlink" title="回归卡丘世界"></a>回归卡丘世界</h1><p>没错，我也玩卡拉彼丘<br>其实在6-7月的时候我就开始玩了<br>后面7月下旬我没怎么玩（原因是匹配率过低），所以没把这件事写在我的文章里面</p><p>直到8月的时候有个电话，是心夏打来的（上次我见到这种打电话的活动还是原的某个活动，当然这个其实是没有打电话给我的啦，我也是通过b站才知道原神很久之前有这个活动）<br>然后才开始回归<br>到现在为止已经半个月过去了，心夏没选过，奥黛丽和反而经常选<br>而且7月那时候经常匹配不到人，这半个月的匹配率反而高得离谱，基本都是秒进</p><p>不说了，还是来看看我这个月收藏的机子吧~~</p><h1 id="收藏的机子"><a href="#收藏的机子" class="headerlink" title="收藏的机子"></a>收藏的机子</h1><h2 id="第一台真正收藏的塞班S60V3的机子-——-诺基亚5320"><a href="#第一台真正收藏的塞班S60V3的机子-——-诺基亚5320" class="headerlink" title="第一台真正收藏的塞班S60V3的机子 —— 诺基亚5320"></a>第一台真正收藏的塞班S60V3的机子 —— 诺基亚5320</h2><p>收到这机子之后我就给这台机子的证书给破解了<br>并且整了个花海咲季（学园偶像大师）的主题和换成Fighting My Way铃声，顺带给字体也换了<br>我原本有在里面装了个Bounce Tales和哆啦A梦·海盗岛大冒险的，但是因为内存卡我误删东西导致这两个的数据丢失了。。。。。。。<br>而且这台机子玩bounce tales跳进水坑（尤其是bumpy那关）会特别卡，估计是因为配置的原因<br>算了先这样吧，上图片~~（成色不好请见谅）<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/bcdaa1067b22ec5261ad87374105b31.6t72601lfc.jpg" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/bcdaa1067b22ec5261ad87374105b31.6t72601lfc.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="bcdaa1067b22ec5261ad87374105b31"><br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/c2a64212ce7294844551e1a84f809ba.231t7la2of.jpg" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/c2a64212ce7294844551e1a84f809ba.231t7la2of.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="c2a64212ce7294844551e1a84f809ba"><br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/0d3697725b8467faab3c008be630d82.8s38wc84xh.jpg" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/0d3697725b8467faab3c008be630d82.8s38wc84xh.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="0d3697725b8467faab3c008be630d82"><br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/31566ce0f1217dae45abd985c1a3198.4xuhddpchi.jpg" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/31566ce0f1217dae45abd985c1a3198.4xuhddpchi.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="31566ce0f1217dae45abd985c1a3198"></p><p>说了那么多，那有没有一台能流畅玩java游戏的S60V3的机子呢？<br>诶~~我还真有<br>那就……</p><h2 id="真神降临-——-诺基亚5730xm"><a href="#真神降临-——-诺基亚5730xm" class="headerlink" title="真神降临 —— 诺基亚5730xm"></a>真神降临 —— 诺基亚5730xm</h2><p>跟那5320一样，也是先给系统破解证书然后换主题和铃声，并且给字体换了<br>不过这次我给这台的主题换的是蔚蓝档案里面的桐生桔梗，这机子的配色刚好也适合桔梗的头发配色<br>（别问为啥没有和纱，肥猫的话得等我有收藏5630再来搞）<br>然而铃声不是桐生桔梗ai翻唱的歌曲，反而换成了灰澈和另外一位大佬创作的歌曲 —— 《桔梗》<br>这机子的配色搭配这个铃声简直绝了<br>上图片~~<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/b97b2a1f31b3bbec55478dba3d50386.86tla1xilo.jpg" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/b97b2a1f31b3bbec55478dba3d50386.86tla1xilo.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="b97b2a1f31b3bbec55478dba3d50386"><br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/1bcb6e6af2ed9ce3fae9830325c52b0.7ljxnr35ds.jpg" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/1bcb6e6af2ed9ce3fae9830325c52b0.7ljxnr35ds.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="1bcb6e6af2ed9ce3fae9830325c52b0"><br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/42bf9b13dfee4be45e2c203864991e9.7w6rgwihwe.jpg" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/42bf9b13dfee4be45e2c203864991e9.7w6rgwihwe.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="42bf9b13dfee4be45e2c203864991e9"><br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/cd72da20a87ac2c74312dc48be6013c.92q2pi7ckj.jpg" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/cd72da20a87ac2c74312dc48be6013c.92q2pi7ckj.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="cd72da20a87ac2c74312dc48be6013c"><br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/854d8b51690c52a08e64dc962079b65.969on80im8.jpg" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/854d8b51690c52a08e64dc962079b65.969on80im8.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="854d8b51690c52a08e64dc962079b65"></p><h2 id="白银级稀有机子-——-三星L228"><a href="#白银级稀有机子-——-三星L228" class="headerlink" title="白银级稀有机子 —— 三星L228"></a>白银级稀有机子 —— 三星L228</h2><p>这机子算是奥运稀有机子里面的白银款<br>别问为啥，黄鱼上有成色比这台机子更精美的外观<br>算了不多说。放图~~~<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/4f7b343bc99855058778c3aeecd7448.pfa3ku95v.jpg" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/4f7b343bc99855058778c3aeecd7448.pfa3ku95v.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="4f7b343bc99855058778c3aeecd7448"><br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/5001dec598a5c09e28e5c5e01e711f3.77dhww5a5g.jpg" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/5001dec598a5c09e28e5c5e01e711f3.77dhww5a5g.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="5001dec598a5c09e28e5c5e01e711f3"><br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/bbf0958f0282da6b7d93ec387504a10.45mh9zvyk.jpg" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/bbf0958f0282da6b7d93ec387504a10.45mh9zvyk.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="bbf0958f0282da6b7d93ec387504a10"></p><h2 id="钻石级稀有Linux机子-——-三星i839-三星i859"><a href="#钻石级稀有Linux机子-——-三星i839-三星i859" class="headerlink" title="钻石级稀有Linux机子 —— 三星i839/三星i859"></a>钻石级稀有Linux机子 —— 三星i839/三星i859</h2><p>据说是稀有的搭载Mizi Linux的机子<br>而三星搭载Mizi Linux的机子只发布了四款（都是针对国内的）：<br>i858、i819、i839和i859<br>而黄鱼上最后的i839和i859被我拿下了，就剩下不知道能不能开机的i819和特别贵的i858<br>算了不多说，放图：</p><p>首先是i839（懒得设置时间了，这样看吧。。。。）<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/3d0cf11588986baf02e690194fa8da5.6f0mf5wnlv.jpg" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/3d0cf11588986baf02e690194fa8da5.6f0mf5wnlv.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="3d0cf11588986baf02e690194fa8da5"><br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/2eaf3edb9cbd91e166e0d67c04ac4ef.5xakqkv6uz.jpg" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/2eaf3edb9cbd91e166e0d67c04ac4ef.5xakqkv6uz.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="2eaf3edb9cbd91e166e0d67c04ac4ef"><br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/a88d14a1ce98ad250a4cae1a2f596aa.54xp8uepni.jpg" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/a88d14a1ce98ad250a4cae1a2f596aa.54xp8uepni.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="a88d14a1ce98ad250a4cae1a2f596aa"><br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/59d6d48903b35a0eeec05c2d7246e1a.8s38wdak7q.jpg" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/59d6d48903b35a0eeec05c2d7246e1a.8s38wdak7q.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="59d6d48903b35a0eeec05c2d7246e1a"><br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/fb088100a0c7e6232cdf6194e370404.9nzqbtkat5.jpg" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/fb088100a0c7e6232cdf6194e370404.9nzqbtkat5.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="fb088100a0c7e6232cdf6194e370404"></p><p>然后就是i859<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/be7ffc552658474863392b12fd26da0.2yyan49kh4.jpg" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/be7ffc552658474863392b12fd26da0.2yyan49kh4.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="be7ffc552658474863392b12fd26da0"><br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/796e29b843af4ea7050621e70139e21.13lpuhx5wr.jpg" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/796e29b843af4ea7050621e70139e21.13lpuhx5wr.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="796e29b843af4ea7050621e70139e21"><br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/299da0a2df6c8b7621904e60c42f9b2.1lbrj2ynkh.jpg" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/299da0a2df6c8b7621904e60c42f9b2.1lbrj2ynkh.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="299da0a2df6c8b7621904e60c42f9b2"><br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/89f89fd776f9d6e6e5ec92b3dbcbd99.7egpsdm5a5.jpg" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/89f89fd776f9d6e6e5ec92b3dbcbd99.7egpsdm5a5.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="89f89fd776f9d6e6e5ec92b3dbcbd99"></p><p>然而这些为啥才算钻石级别呢，因为还有高手！</p><h2 id="皇冠级稀有机子-——-诺基亚X3-01"><a href="#皇冠级稀有机子-——-诺基亚X3-01" class="headerlink" title="皇冠级稀有机子 —— 诺基亚X3-01"></a>皇冠级稀有机子 —— 诺基亚X3-01</h2><p>别问这台为啥称之为皇冠级别呢？因为这台根本就没有真正意义上的发售过！<br>而且虽然只是brew的机子，但是因为是稀有机子，就算是brew也值了！<br>不多说，放图！<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/a10094e6a06250f3d92c36da4486e65.7ax3uny6dr.jpg" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/a10094e6a06250f3d92c36da4486e65.7ax3uny6dr.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="a10094e6a06250f3d92c36da4486e65"><br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/78d009edcf8931da871fa1b92371acb.3uus2kokpr.jpg" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/78d009edcf8931da871fa1b92371acb.3uus2kokpr.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="78d009edcf8931da871fa1b92371acb"><br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/1a3db58061f3e020d1ff94a81a65242.4917tfwx1w.jpg" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/1a3db58061f3e020d1ff94a81a65242.4917tfwx1w.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="1a3db58061f3e020d1ff94a81a65242"><br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/ec6b46a5bd1d8a91cdefd99482223a2.3k7y9f9fjm.jpg" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/ec6b46a5bd1d8a91cdefd99482223a2.3k7y9f9fjm.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="ec6b46a5bd1d8a91cdefd99482223a2"><br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/e92bf7b365ca318da8a8efb0e860f21.92q2pkhori.jpg" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240901/e92bf7b365ca318da8a8efb0e860f21.92q2pkhori.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="e92bf7b365ca318da8a8efb0e860f21"></p><p>以上（我得去睡觉了，要不然明天开学要迟到了。。。。。）</p>]]></content>
90
90
 
@@ -105,7 +105,7 @@
105
105
  <link href="https://blog.sinzmise.top/posts/46640/"/>
106
106
  <id>https://blog.sinzmise.top/posts/46640/</id>
107
107
  <published>2024-08-02T17:12:28.000Z</published>
108
- <updated>2024-11-09T08:00:35.901Z</updated>
108
+ <updated>2024-11-09T08:45:10.468Z</updated>
109
109
 
110
110
  <content type="html"><![CDATA[<p>之前有人反映我的站点特别卡<br>也不是没有去优化。。。。。但是依然有人说很卡<br>我感觉是加载动画的问题，刚好我之前找到html+css实现彩虹猫<br>于是我给这个抄下来了<br>不废话，正片开始！<br><span id="more"></span></p><h1 id="教程开始！"><a href="#教程开始！" class="headerlink" title="教程开始！"></a>教程开始！</h1><h2 id="新建js"><a href="#新建js" class="headerlink" title="新建js"></a>新建js</h2><p>首先，新建<code>[Blogroot]\themes\butterfly\source\js\nyan.js</code>，内容如下：</p><figure class="highlight javascript"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br></pre></td><td class="code"><pre><span class="line"><span class="keyword">function</span> <span class="title function_">cycleFrames</span> (<span class="params">_nyanCat, _currentFrame</span>) &#123;</span><br><span class="line">_nyanCat.<span class="property">classList</span> = []</span><br><span class="line">_nyanCat.<span class="property">classList</span>.<span class="title function_">add</span>(<span class="string">`frame<span class="subst">$&#123;_currentFrame&#125;</span>`</span>)</span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line"><span class="keyword">function</span> <span class="title function_">replicateSparks</span> (<span class="params">_sparksRow</span>) &#123;</span><br><span class="line"><span class="keyword">const</span> numberOfRowsToCoverEntireScreen = <span class="title class_">Math</span>.<span class="title function_">ceil</span>(<span class="variable language_">document</span>.<span class="title function_">getElementById</span>(<span class="string">&quot;loading-box&quot;</span>).<span class="property">offsetHeight</span> / _sparksRow.<span class="property">offsetHeight</span>)</span><br><span class="line"><span class="keyword">const</span> newSparksRows = <span class="variable language_">document</span>.<span class="title function_">createElement</span>(<span class="string">&#x27;div&#x27;</span>)</span><br><span class="line"></span><br><span class="line"><span class="keyword">for</span> (<span class="keyword">let</span> a = <span class="number">0</span>; a &lt; numberOfRowsToCoverEntireScreen-<span class="number">1</span>; a++) &#123;</span><br><span class="line">newSparksRows.<span class="title function_">append</span>(_sparksRow.<span class="title function_">cloneNode</span>(<span class="literal">true</span>))</span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line"><span class="variable language_">document</span>.<span class="title function_">getElementById</span>(<span class="string">&quot;loading-box&quot;</span>).<span class="title function_">prepend</span>(newSparksRows)</span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line">(<span class="keyword">function</span> (<span class="params"></span>) &#123;</span><br><span class="line"><span class="keyword">let</span> nyanCat = <span class="variable language_">document</span>.<span class="title function_">getElementById</span>(<span class="string">&#x27;nyan-cat&#x27;</span>)</span><br><span class="line"><span class="keyword">let</span> currentFrame = <span class="number">1</span></span><br><span class="line"></span><br><span class="line"><span class="title function_">replicateSparks</span>(<span class="variable language_">document</span>.<span class="title function_">getElementsByClassName</span>(<span class="string">&#x27;sparks-combo&#x27;</span>)[<span class="number">0</span>])</span><br><span class="line"></span><br><span class="line"><span class="built_in">setInterval</span>(<span class="keyword">function</span> (<span class="params"></span>) &#123;</span><br><span class="line">currentFrame = (currentFrame % <span class="number">6</span>) + <span class="number">1</span></span><br><span class="line"><span class="title function_">cycleFrames</span>(nyanCat, currentFrame)</span><br><span class="line">&#125;, <span class="number">70</span>)</span><br><span class="line">&#125;)()</span><br></pre></td></tr></table></figure><p>这个是用来自动生成div，使得星星可以铺满屏幕</p><h2 id="选择方案"><a href="#选择方案" class="headerlink" title="选择方案"></a>选择方案</h2><p>以下三种方案任意选择一种：</p><h3 id="店长魔改方案"><a href="#店长魔改方案" class="headerlink" title="店长魔改方案"></a>店长魔改方案</h3><p>如果你博客有参考店长的这个教程：<a href="https://akilar.top/posts/3d221bf2/">Loading Animation</a><br>那就按照这个教程魔改就行</p><ol><li>修改<code>[Blogroot]\themes\butterfly\layout\includes\loading\loading.pug</code><figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br></pre></td><td class="code"><pre><span class="line">if theme.preloader.enable</span><br><span class="line"> case theme.preloader.load_style </span><br><span class="line"> when &#x27;gear&#x27;</span><br><span class="line"> include ./load_style/gear.pug</span><br><span class="line"> when &#x27;ironheart&#x27;</span><br><span class="line"> include ./load_style/ironheart.pug</span><br><span class="line"> when &#x27;scarecrow&#x27;</span><br><span class="line"> include ./load_style/scarecrow.pug</span><br><span class="line"> when &#x27;triangles&#x27;</span><br><span class="line"> include ./load_style/triangles.pug</span><br><span class="line"> when &#x27;wizard&#x27;</span><br><span class="line"> include ./load_style/wizard.pug</span><br><span class="line"> when &#x27;image&#x27;</span><br><span class="line"> include ./load_style/image.pug</span><br><span class="line"><span class="addition">+ when &#x27;nyancat&#x27;</span></span><br><span class="line"><span class="addition">+ include ./load_style/nyancat.pug</span></span><br><span class="line"> default</span><br><span class="line"> include ./load_style/default.pug</span><br></pre></td></tr></table></figure></li><li>新建[Blogroot]\themes\butterfly\layout\includes\loading\load_style\nyancat.pug，内容如下：<figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br><span class="line">34</span><br></pre></td><td class="code"><pre><span class="line">#loading-box(onclick=&#x27;document.getElementById(&quot;loading-box&quot;).classList.add(&quot;loaded&quot;)&#x27;)</span><br><span class="line"> .sparks-combo</span><br><span class="line"> .spark</span><br><span class="line"> .spark</span><br><span class="line"> .spark</span><br><span class="line"> .spark</span><br><span class="line"> .rainbow</span><br><span class="line"> span</span><br><span class="line"> .nyan-cat</span><br><span class="line"> .feet</span><br><span class="line"> .tail</span><br><span class="line"> span</span><br><span class="line"> .body</span><br><span class="line"> .head</span><br><span class="line"> script(src=&quot;/js/nyan.js&quot;)</span><br><span class="line"></span><br><span class="line">script.</span><br><span class="line"> const preloader = &#123;</span><br><span class="line"> endLoading: () =&gt; &#123;</span><br><span class="line"> document.body.style.overflow = &#x27;auto&#x27;;</span><br><span class="line"> document.getElementById(&#x27;loading-box&#x27;).classList.add(&quot;loaded&quot;)</span><br><span class="line"> &#125;,</span><br><span class="line"> initLoading: () =&gt; &#123;</span><br><span class="line"> document.body.style.overflow = &#x27;&#x27;;</span><br><span class="line"> document.getElementById(&#x27;loading-box&#x27;).classList.remove(&quot;loaded&quot;)</span><br><span class="line"></span><br><span class="line"> &#125;</span><br><span class="line"> &#125;</span><br><span class="line"> window.addEventListener(&#x27;load&#x27;,()=&gt; &#123; preloader.endLoading() &#125;)</span><br><span class="line"></span><br><span class="line"> if (!&#123;theme.pjax &amp;&amp; theme.pjax.enable&#125;) &#123;</span><br><span class="line"> document.addEventListener(&#x27;pjax:send&#x27;, () =&gt; &#123; preloader.initLoading() &#125;)</span><br><span class="line"> document.addEventListener(&#x27;pjax:complete&#x27;, () =&gt; &#123; preloader.endLoading() &#125;)</span><br><span class="line"> &#125;</span><br></pre></td></tr></table></figure></li><li>修改<code>[Blogroot]\themes\butterfly\source\css\_layout\loading.styl</code><figure class="highlight diff"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br></pre></td><td class="code"><pre><span class="line"></span><br><span class="line">if hexo-config(&#x27;preloader.enable&#x27;)</span><br><span class="line"> if hexo-config(&#x27;preloader.load_style&#x27;) == &#x27;gear&#x27;</span><br><span class="line"> @import &#x27;./_load_style/gear&#x27;</span><br><span class="line"> else if hexo-config(&#x27;preloader.load_style&#x27;) == &#x27;ironheart&#x27;</span><br><span class="line"> @import &#x27;./_load_style/ironheart&#x27;</span><br><span class="line"> else if hexo-config(&#x27;preloader.load_style&#x27;) == &#x27;scarecrow&#x27;</span><br><span class="line"> @import &#x27;./_load_style/scarecrow&#x27;</span><br><span class="line"> else if hexo-config(&#x27;preloader.load_style&#x27;) == &#x27;triangles&#x27;</span><br><span class="line"> @import &#x27;./_load_style/triangles&#x27;</span><br><span class="line"> else if hexo-config(&#x27;preloader.load_style&#x27;) == &#x27;wizard&#x27;</span><br><span class="line"> @import &#x27;./_load_style/wizard&#x27;</span><br><span class="line"> else if hexo-config(&#x27;preloader.load_style&#x27;) == &#x27;image&#x27;</span><br><span class="line"> @import &#x27;./_load_style/image&#x27;</span><br><span class="line"><span class="addition">+ else if hexo-config(&#x27;preloader.load_style&#x27;) == &#x27;nyancat&#x27;</span></span><br><span class="line"><span class="addition">+ @import &#x27;./_load_style/nyancat&#x27;</span></span><br><span class="line"> else</span><br><span class="line"> @import &#x27;./_load_style/default&#x27;</span><br></pre></td></tr></table></figure></li><li>新建<code>[Blogroot]\themes\butterfly\source\css\_load_style\nyancat.styl</code>，内容如下：</li></ol><figure class="highlight stylus"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br><span class="line">34</span><br><span class="line">35</span><br><span class="line">36</span><br><span class="line">37</span><br><span class="line">38</span><br><span class="line">39</span><br><span class="line">40</span><br><span class="line">41</span><br><span class="line">42</span><br><span class="line">43</span><br><span class="line">44</span><br><span class="line">45</span><br><span class="line">46</span><br><span class="line">47</span><br><span class="line">48</span><br><span class="line">49</span><br><span class="line">50</span><br><span class="line">51</span><br><span class="line">52</span><br><span class="line">53</span><br><span class="line">54</span><br><span class="line">55</span><br><span class="line">56</span><br><span class="line">57</span><br><span class="line">58</span><br><span class="line">59</span><br><span class="line">60</span><br><span class="line">61</span><br><span class="line">62</span><br><span class="line">63</span><br><span class="line">64</span><br><span class="line">65</span><br><span class="line">66</span><br><span class="line">67</span><br><span class="line">68</span><br><span class="line">69</span><br><span class="line">70</span><br><span class="line">71</span><br><span class="line">72</span><br><span class="line">73</span><br><span class="line">74</span><br><span class="line">75</span><br><span class="line">76</span><br><span class="line">77</span><br><span class="line">78</span><br><span class="line">79</span><br><span class="line">80</span><br><span class="line">81</span><br><span class="line">82</span><br><span class="line">83</span><br><span class="line">84</span><br><span class="line">85</span><br><span class="line">86</span><br><span class="line">87</span><br><span class="line">88</span><br><span class="line">89</span><br><span class="line">90</span><br><span class="line">91</span><br><span class="line">92</span><br><span class="line">93</span><br><span class="line">94</span><br><span class="line">95</span><br><span class="line">96</span><br><span class="line">97</span><br><span class="line">98</span><br><span class="line">99</span><br><span class="line">100</span><br><span class="line">101</span><br><span class="line">102</span><br><span class="line">103</span><br><span class="line">104</span><br><span class="line">105</span><br><span class="line">106</span><br><span class="line">107</span><br><span class="line">108</span><br><span class="line">109</span><br><span class="line">110</span><br><span class="line">111</span><br><span class="line">112</span><br><span class="line">113</span><br><span class="line">114</span><br><span class="line">115</span><br><span class="line">116</span><br><span class="line">117</span><br><span class="line">118</span><br><span class="line">119</span><br><span class="line">120</span><br><span class="line">121</span><br><span class="line">122</span><br><span class="line">123</span><br><span class="line">124</span><br><span class="line">125</span><br><span class="line">126</span><br><span class="line">127</span><br><span class="line">128</span><br><span class="line">129</span><br><span class="line">130</span><br><span class="line">131</span><br><span class="line">132</span><br><span class="line">133</span><br><span class="line">134</span><br><span class="line">135</span><br><span class="line">136</span><br><span class="line">137</span><br><span class="line">138</span><br><span class="line">139</span><br><span class="line">140</span><br><span class="line">141</span><br><span class="line">142</span><br><span class="line">143</span><br><span class="line">144</span><br><span class="line">145</span><br><span class="line">146</span><br><span class="line">147</span><br><span class="line">148</span><br><span class="line">149</span><br><span class="line">150</span><br><span class="line">151</span><br><span class="line">152</span><br><span class="line">153</span><br><span class="line">154</span><br><span class="line">155</span><br><span class="line">156</span><br><span class="line">157</span><br><span class="line">158</span><br><span class="line">159</span><br><span class="line">160</span><br><span class="line">161</span><br><span class="line">162</span><br><span class="line">163</span><br><span class="line">164</span><br><span class="line">165</span><br><span class="line">166</span><br><span class="line">167</span><br><span class="line">168</span><br><span class="line">169</span><br><span class="line">170</span><br><span class="line">171</span><br><span class="line">172</span><br><span class="line">173</span><br><span class="line">174</span><br><span class="line">175</span><br><span class="line">176</span><br><span class="line">177</span><br><span class="line">178</span><br><span class="line">179</span><br><span class="line">180</span><br><span class="line">181</span><br><span class="line">182</span><br><span class="line">183</span><br><span class="line">184</span><br><span class="line">185</span><br><span class="line">186</span><br><span class="line">187</span><br><span class="line">188</span><br><span class="line">189</span><br><span class="line">190</span><br><span class="line">191</span><br><span class="line">192</span><br><span class="line">193</span><br><span class="line">194</span><br><span class="line">195</span><br><span class="line">196</span><br><span class="line">197</span><br><span class="line">198</span><br><span class="line">199</span><br><span class="line">200</span><br><span class="line">201</span><br><span class="line">202</span><br><span class="line">203</span><br><span class="line">204</span><br><span class="line">205</span><br><span class="line">206</span><br><span class="line">207</span><br><span class="line">208</span><br><span class="line">209</span><br><span class="line">210</span><br><span class="line">211</span><br><span class="line">212</span><br><span class="line">213</span><br><span class="line">214</span><br><span class="line">215</span><br><span class="line">216</span><br><span class="line">217</span><br><span class="line">218</span><br><span class="line">219</span><br><span class="line">220</span><br><span class="line">221</span><br><span class="line">222</span><br><span class="line">223</span><br><span class="line">224</span><br><span class="line">225</span><br><span class="line">226</span><br><span class="line">227</span><br><span class="line">228</span><br><span class="line">229</span><br><span class="line">230</span><br><span class="line">231</span><br><span class="line">232</span><br><span class="line">233</span><br><span class="line">234</span><br><span class="line">235</span><br><span class="line">236</span><br><span class="line">237</span><br><span class="line">238</span><br><span class="line">239</span><br><span class="line">240</span><br><span class="line">241</span><br><span class="line">242</span><br><span class="line">243</span><br><span class="line">244</span><br><span class="line">245</span><br><span class="line">246</span><br><span class="line">247</span><br><span class="line">248</span><br><span class="line">249</span><br><span class="line">250</span><br><span class="line">251</span><br><span class="line">252</span><br><span class="line">253</span><br><span class="line">254</span><br><span class="line">255</span><br><span class="line">256</span><br><span class="line">257</span><br><span class="line">258</span><br><span class="line">259</span><br><span class="line">260</span><br><span class="line">261</span><br><span class="line">262</span><br><span class="line">263</span><br><span class="line">264</span><br><span class="line">265</span><br><span class="line">266</span><br><span class="line">267</span><br><span class="line">268</span><br><span class="line">269</span><br><span class="line">270</span><br><span class="line">271</span><br><span class="line">272</span><br><span class="line">273</span><br><span class="line">274</span><br><span class="line">275</span><br><span class="line">276</span><br><span class="line">277</span><br><span class="line">278</span><br><span class="line">279</span><br><span class="line">280</span><br><span class="line">281</span><br><span class="line">282</span><br><span class="line">283</span><br><span class="line">284</span><br><span class="line">285</span><br><span class="line">286</span><br><span class="line">287</span><br><span class="line">288</span><br><span class="line">289</span><br><span class="line">290</span><br><span class="line">291</span><br><span class="line">292</span><br><span class="line">293</span><br><span class="line">294</span><br><span class="line">295</span><br><span class="line">296</span><br><span class="line">297</span><br><span class="line">298</span><br><span class="line">299</span><br><span class="line">300</span><br><span class="line">301</span><br><span class="line">302</span><br><span class="line">303</span><br><span class="line">304</span><br><span class="line">305</span><br><span class="line">306</span><br><span class="line">307</span><br><span class="line">308</span><br><span class="line">309</span><br><span class="line">310</span><br><span class="line">311</span><br><span class="line">312</span><br><span class="line">313</span><br><span class="line">314</span><br><span class="line">315</span><br><span class="line">316</span><br><span class="line">317</span><br><span class="line">318</span><br><span class="line">319</span><br><span class="line">320</span><br><span class="line">321</span><br><span class="line">322</span><br><span class="line">323</span><br><span class="line">324</span><br><span class="line">325</span><br><span class="line">326</span><br><span class="line">327</span><br><span class="line">328</span><br><span class="line">329</span><br><span class="line">330</span><br><span class="line">331</span><br><span class="line">332</span><br><span class="line">333</span><br><span class="line">334</span><br><span class="line">335</span><br><span class="line">336</span><br><span class="line">337</span><br><span class="line">338</span><br><span class="line">339</span><br><span class="line">340</span><br><span class="line">341</span><br><span class="line">342</span><br><span class="line">343</span><br><span class="line">344</span><br><span class="line">345</span><br><span class="line">346</span><br><span class="line">347</span><br><span class="line">348</span><br><span class="line">349</span><br><span class="line">350</span><br><span class="line">351</span><br><span class="line">352</span><br><span class="line">353</span><br><span class="line">354</span><br><span class="line">355</span><br><span class="line">356</span><br><span class="line">357</span><br><span class="line">358</span><br><span class="line">359</span><br><span class="line">360</span><br><span class="line">361</span><br><span class="line">362</span><br><span class="line">363</span><br><span class="line">364</span><br><span class="line">365</span><br><span class="line">366</span><br><span class="line">367</span><br><span class="line">368</span><br><span class="line">369</span><br><span class="line">370</span><br><span class="line">371</span><br><span class="line">372</span><br><span class="line">373</span><br><span class="line">374</span><br><span class="line">375</span><br><span class="line">376</span><br><span class="line">377</span><br><span class="line">378</span><br><span class="line">379</span><br><span class="line">380</span><br><span class="line">381</span><br><span class="line">382</span><br><span class="line">383</span><br><span class="line">384</span><br><span class="line">385</span><br><span class="line">386</span><br><span class="line">387</span><br><span class="line">388</span><br><span class="line">389</span><br><span class="line">390</span><br><span class="line">391</span><br><span class="line">392</span><br><span class="line">393</span><br><span class="line">394</span><br><span class="line">395</span><br><span class="line">396</span><br><span class="line">397</span><br><span class="line">398</span><br><span class="line">399</span><br><span class="line">400</span><br><span class="line">401</span><br><span class="line">402</span><br><span class="line">403</span><br><span class="line">404</span><br><span class="line">405</span><br><span class="line">406</span><br><span class="line">407</span><br><span class="line">408</span><br><span class="line">409</span><br><span class="line">410</span><br><span class="line">411</span><br><span class="line">412</span><br><span class="line">413</span><br><span class="line">414</span><br><span class="line">415</span><br><span class="line">416</span><br><span class="line">417</span><br><span class="line">418</span><br><span class="line">419</span><br><span class="line">420</span><br><span class="line">421</span><br><span class="line">422</span><br><span class="line">423</span><br><span class="line">424</span><br><span class="line">425</span><br><span class="line">426</span><br><span class="line">427</span><br><span class="line">428</span><br><span class="line">429</span><br><span class="line">430</span><br><span class="line">431</span><br><span class="line">432</span><br><span class="line">433</span><br><span class="line">434</span><br><span class="line">435</span><br><span class="line">436</span><br><span class="line">437</span><br><span class="line">438</span><br><span class="line">439</span><br><span class="line">440</span><br><span class="line">441</span><br><span class="line">442</span><br><span class="line">443</span><br><span class="line">444</span><br><span class="line">445</span><br><span class="line">446</span><br><span class="line">447</span><br><span class="line">448</span><br><span class="line">449</span><br><span class="line">450</span><br><span class="line">451</span><br><span class="line">452</span><br><span class="line">453</span><br><span class="line">454</span><br><span class="line">455</span><br><span class="line">456</span><br><span class="line">457</span><br><span class="line">458</span><br><span class="line">459</span><br><span class="line">460</span><br><span class="line">461</span><br><span class="line">462</span><br><span class="line">463</span><br><span class="line">464</span><br><span class="line">465</span><br><span class="line">466</span><br><span class="line">467</span><br><span class="line">468</span><br><span class="line">469</span><br><span class="line">470</span><br><span class="line">471</span><br><span class="line">472</span><br><span class="line">473</span><br><span class="line">474</span><br><span class="line">475</span><br><span class="line">476</span><br><span class="line">477</span><br></pre></td><td class="code"><pre><span class="line"><span class="selector-id">#loading-box</span></span><br><span class="line"> <span class="attribute">width</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">margin</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">padding</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background</span>: <span class="number">#036</span>;</span><br><span class="line"> <span class="attribute">overflow</span>: hidden;</span><br><span class="line"> <span class="attribute">position</span> : fixed;</span><br><span class="line"> <span class="attribute">font</span>: <span class="number">13px</span>/<span class="number">1.4</span> Helvetica, arial, freesans, clean, sans-serif, <span class="string">&quot;Segoe UI Emoji&quot;</span>, <span class="string">&quot;Segoe UI Symbol&quot;</span>;</span><br><span class="line"> <span class="attribute">z-index</span>: <span class="number">9999</span>;</span><br><span class="line"> <span class="attribute">opacity</span>: <span class="number">1</span>;</span><br><span class="line"></span><br><span class="line"> &amp;<span class="selector-class">.loaded</span></span><br><span class="line"> <span class="attribute">opacity</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">z-index</span>: -<span class="number">1000</span>;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.sprite</span>, <span class="selector-class">.body</span>, <span class="selector-class">.head</span>, <span class="selector-class">.rainbow</span> <span class="selector-tag">span</span>, <span class="selector-class">.feet</span>, <span class="selector-class">.tail</span> <span class="selector-tag">span</span>, <span class="selector-class">.stars</span> <span class="selector-class">.star</span></span><br><span class="line"> <span class="attribute">position</span>: absolute;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0px</span>,<span class="number">0</span> <span class="number">5px</span>,<span class="number">0</span> <span class="number">10px</span>,<span class="number">0</span> <span class="number">15px</span>,<span class="number">0</span> <span class="number">20px</span>,<span class="number">0</span> <span class="number">25px</span>,<span class="number">0</span> <span class="number">30px</span>,<span class="number">0</span> <span class="number">35px</span>,<span class="number">0</span> <span class="number">40px</span>,<span class="number">0</span> <span class="number">45px</span>,<span class="number">0</span> <span class="number">50px</span>,<span class="number">0</span> <span class="number">55px</span>,<span class="number">0</span> <span class="number">60px</span>,<span class="number">0</span> <span class="number">65px</span>,<span class="number">0</span> <span class="number">70px</span>,<span class="number">0</span> <span class="number">75px</span>,<span class="number">0</span> <span class="number">80px</span>,<span class="number">0</span> <span class="number">85px</span>,<span class="number">0</span> <span class="number">90px</span>,<span class="number">0</span> <span class="number">95px</span>,<span class="number">0</span> <span class="number">100px</span>,<span class="number">0</span> <span class="number">105px</span>,<span class="number">0</span> <span class="number">110px</span>,<span class="number">0</span> <span class="number">115px</span>,<span class="number">0</span> <span class="number">120px</span>,<span class="number">0</span> <span class="number">125px</span>;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">100%</span> <span class="number">5px</span>;</span><br><span class="line"> <span class="attribute">background-repeat</span>: no-repeat;</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.nyan-cat</span></span><br><span class="line"> <span class="attribute">position</span>: fixed;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">50%</span>;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">50%</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">165px</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">100px</span>;</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> <span class="attribute">margin-left</span>: -<span class="number">82px</span>;</span><br><span class="line"> -webkit-<span class="attribute">animation</span>: nyan <span class="number">400ms</span> step-start infinite;</span><br><span class="line"> <span class="attribute">animation</span>: nyan <span class="number">400ms</span> step-start infinite;</span><br><span class="line"> <span class="attribute">z-index</span>: <span class="number">19999</span>;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.body</span></span><br><span class="line"> <span class="attribute">left</span>: <span class="number">35px</span>;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">105px</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">90px</span>;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.head</span></span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">80px</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">65px</span>;</span><br><span class="line"> -webkit-<span class="attribute">animation</span>: head <span class="number">400ms</span> linear infinite;</span><br><span class="line"> <span class="attribute">animation</span>: head <span class="number">400ms</span> linear infinite;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.rainbow</span></span><br><span class="line"> <span class="attribute">position</span>: fixed;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">50%</span>;</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">35px</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">50%</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">65px</span>;</span><br><span class="line"> <span class="attribute">overflow</span>: hidden;</span><br><span class="line"> <span class="attribute">z-index</span>: <span class="number">18888</span>;</span><br><span class="line"></span><br><span class="line"> <span class="selector-tag">span</span></span><br><span class="line"> <span class="attribute">display</span>: block;</span><br><span class="line"> <span class="attribute">position</span>: relative;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">130px</span>;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">80px</span> <span class="number">5px</span>;</span><br><span class="line"> <span class="attribute">background-repeat</span>: repeat-x;</span><br><span class="line"> -webkit-<span class="attribute">animation</span>: rainbow <span class="number">400ms</span> step-start infinite;</span><br><span class="line"> <span class="attribute">animation</span>: rainbow <span class="number">400ms</span> step-start infinite;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.feet</span></span><br><span class="line"> <span class="attribute">left</span>: <span class="number">20px</span>;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">75px</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">120px</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">25px</span>;</span><br><span class="line"> -webkit-<span class="attribute">animation</span>: feet <span class="number">400ms</span> infinite;</span><br><span class="line"> <span class="attribute">animation</span>: feet <span class="number">400ms</span> infinite;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.tail</span></span><br><span class="line"> <span class="attribute">position</span>: relative;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">30px</span>;</span><br><span class="line"> <span class="attribute">overflow</span>: hidden;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">30px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">10px</span>;</span><br><span class="line"></span><br><span class="line"> <span class="selector-tag">span</span></span><br><span class="line"> <span class="attribute">width</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">120px</span>;</span><br><span class="line"> -webkit-<span class="attribute">animation</span>: tail <span class="number">200ms</span> step-start infinite alternate;</span><br><span class="line"> <span class="attribute">animation</span>: tail <span class="number">200ms</span> step-start infinite alternate;</span><br><span class="line"> </span><br><span class="line"> <span class="selector-class">.sparks-combo</span> </span><br><span class="line"> <span class="attribute">height</span>: <span class="number">300px</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">200%</span>;</span><br><span class="line"> <span class="attribute">position</span>: relative;</span><br><span class="line"> <span class="attribute">animation</span>: woosh <span class="number">700ms</span> <span class="number">0ms</span> linear infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.spark</span> </span><br><span class="line"> <span class="attribute">z-index</span>: <span class="number">1</span>;</span><br><span class="line"> <span class="attribute">position</span>: absolute;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">background-color</span>: transparent;</span><br><span class="line"> <span class="attribute">background</span>: <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">6px</span>, transparent <span class="number">6px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">6px</span>, transparent <span class="number">6px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">6px</span>, transparent <span class="number">6px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">6px</span>, transparent <span class="number">6px</span>, transparent <span class="number">400px</span>) repeat-x;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&amp;:before</span> </span><br><span class="line"> <span class="attribute">background</span>: <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">5px</span>, transparent <span class="number">5px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">5px</span>, transparent <span class="number">5px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">5px</span>, transparent <span class="number">5px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">5px</span>, transparent <span class="number">5px</span>, transparent <span class="number">400px</span>) repeat-x;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&amp;:after</span> </span><br><span class="line"> <span class="attribute">background</span>: <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">6px</span>, transparent <span class="number">6px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">6px</span>, transparent <span class="number">6px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">11px</span>, transparent <span class="number">11px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">11px</span>, transparent <span class="number">11px</span>, transparent <span class="number">400px</span>) repeat-x;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&amp;:before</span>,<span class="selector-pseudo">&amp;:after</span> </span><br><span class="line"> <span class="attribute">content</span>: <span class="string">&#x27;&#x27;</span>;</span><br><span class="line"> <span class="attribute">position</span>: absolute;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">background-color</span>: transparent;</span><br><span class="line"> </span><br><span class="line"> </span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&amp;:nth-child</span>(<span class="number">1</span>) </span><br><span class="line"> <span class="attribute">z-index</span>: <span class="number">3</span>;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">20px</span>;</span><br><span class="line"> <span class="attribute">animation</span>: sparkly <span class="number">700ms</span> <span class="number">0ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&amp;:nth-child</span>(<span class="number">1</span>)<span class="selector-pseudo">:before</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-before <span class="number">700ms</span> <span class="number">0ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&amp;:nth-child</span>(<span class="number">1</span>)<span class="selector-pseudo">:after</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-after <span class="number">700ms</span> <span class="number">0ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&amp;:nth-child</span>(<span class="number">2</span>) </span><br><span class="line"> <span class="attribute">top</span>: <span class="number">40px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">170px</span>;</span><br><span class="line"> <span class="attribute">animation</span>: sparkly <span class="number">700ms</span> <span class="number">200ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&amp;:nth-child</span>(<span class="number">2</span>)<span class="selector-pseudo">:before</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-before <span class="number">700ms</span> <span class="number">200ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&amp;:nth-child</span>(<span class="number">2</span>)<span class="selector-pseudo">:after</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-after <span class="number">700ms</span> <span class="number">200ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&amp;:nth-child</span>(<span class="number">3</span>) </span><br><span class="line"> <span class="attribute">top</span>: <span class="number">100px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">320px</span>;</span><br><span class="line"> <span class="attribute">animation</span>: sparkly <span class="number">700ms</span> <span class="number">400ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&amp;:nth-child</span>(<span class="number">3</span>)<span class="selector-pseudo">:before</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-before <span class="number">700ms</span> <span class="number">400ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&amp;:nth-child</span>(<span class="number">3</span>)<span class="selector-pseudo">:after</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-after <span class="number">700ms</span> <span class="number">400ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&amp;:nth-child</span>(<span class="number">4</span>) </span><br><span class="line"> <span class="attribute">top</span>: <span class="number">150px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">200px</span>;</span><br><span class="line"> <span class="attribute">animation</span>: sparkly <span class="number">700ms</span> <span class="number">600ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&amp;:nth-child</span>(<span class="number">4</span>)<span class="selector-pseudo">:before</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-before <span class="number">700ms</span> <span class="number">600ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&amp;:nth-child</span>(<span class="number">4</span>)<span class="selector-pseudo">:after</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-after <span class="number">700ms</span> <span class="number">600ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.body</span></span><br><span class="line"> <span class="attribute">background-image</span>: <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#000000</span> <span class="number">95px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">20px</span>, <span class="number">#fe91fe</span> <span class="number">20px</span>, <span class="number">#fe91fe</span> <span class="number">85px</span>, <span class="number">#f9d28f</span> <span class="number">85px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">15px</span>, <span class="number">#fe91fe</span> <span class="number">15px</span>, <span class="number">#fe91fe</span> <span class="number">45px</span>, <span class="number">#f90297</span> <span class="number">45px</span>, <span class="number">#f90297</span> <span class="number">50px</span>, <span class="number">#fe91fe</span> <span class="number">50px</span>, <span class="number">#fe91fe</span> <span class="number">60px</span>, <span class="number">#f90297</span> <span class="number">60px</span>, <span class="number">#f90297</span> <span class="number">65px</span>, <span class="number">#fe91fe</span> <span class="number">65px</span>, <span class="number">#fe91fe</span> <span class="number">90px</span>, <span class="number">#f9d28f</span> <span class="number">90px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">20px</span>, <span class="number">#f90297</span> <span class="number">20px</span>, <span class="number">#f90297</span> <span class="number">25px</span>, <span class="number">#fe91fe</span> <span class="number">25px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">80px</span>, <span class="number">#f90297</span> <span class="number">80px</span>, <span class="number">#f90297</span> <span class="number">85px</span>, <span class="number">#fe91fe</span> <span class="number">85px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">40px</span>, <span class="number">#f90297</span> <span class="number">40px</span>, <span class="number">#f90297</span> <span class="number">45px</span>, <span class="number">#fe91fe</span> <span class="number">45px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">25px</span>, <span class="number">#f90297</span> <span class="number">25px</span>, <span class="number">#f90297</span> <span class="number">30px</span>, <span class="number">#fe91fe</span> <span class="number">30px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">45px</span>, <span class="number">#f90297</span> <span class="number">45px</span>, <span class="number">#f90297</span> <span class="number">50px</span>, <span class="number">#fe91fe</span> <span class="number">50px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">15px</span>, <span class="number">#f90297</span> <span class="number">15px</span>, <span class="number">#f90297</span> <span class="number">20px</span>, <span class="number">#fe91fe</span> <span class="number">20px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">35px</span>, <span class="number">#f90297</span> <span class="number">35px</span>, <span class="number">#f90297</span> <span class="number">40px</span>, <span class="number">#fe91fe</span> <span class="number">40px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">15px</span>, <span class="number">#fe91fe</span> <span class="number">15px</span>, <span class="number">#fe91fe</span> <span class="number">20px</span>, <span class="number">#f90297</span> <span class="number">20px</span>, <span class="number">#f90297</span> <span class="number">25px</span>, <span class="number">#fe91fe</span> <span class="number">25px</span>, <span class="number">#fe91fe</span> <span class="number">90px</span>, <span class="number">#f9d28f</span> <span class="number">90px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">20px</span>, <span class="number">#fe91fe</span> <span class="number">20px</span>, <span class="number">#fe91fe</span> <span class="number">85px</span>, <span class="number">#f9d28f</span> <span class="number">85px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#000000</span> <span class="number">95px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">105px</span>);</span><br><span class="line"> </span><br><span class="line"> <span class="selector-class">.head</span> </span><br><span class="line"> <span class="attribute">background-image</span>: <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">60px</span>, <span class="number">#000000</span> <span class="number">60px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">70px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">25px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">55px</span>, <span class="number">#000000</span> <span class="number">55px</span>, <span class="number">#000000</span> <span class="number">60px</span>, <span class="number">#9d9d9d</span> <span class="number">60px</span>, <span class="number">#9d9d9d</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">30px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">50px</span>, <span class="number">#000000</span> <span class="number">50px</span>, <span class="number">#000000</span> <span class="number">55px</span>, <span class="number">#9d9d9d</span> <span class="number">55px</span>, <span class="number">#9d9d9d</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">30px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="number">#000000</span> <span class="number">35px</span>, <span class="number">#000000</span> <span class="number">35px</span>, <span class="number">#000000</span> <span class="number">50px</span>, <span class="number">#9d9d9d</span> <span class="number">50px</span>, <span class="number">#9d9d9d</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#ffffff</span> <span class="number">20px</span>, <span class="number">#ffffff</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">55px</span>, <span class="number">#ffffff</span> <span class="number">55px</span>, <span class="number">#ffffff</span> <span class="number">60px</span>, <span class="number">#000000</span> <span class="number">60px</span>, <span class="number">#000000</span> <span class="number">65px</span>, <span class="number">#9d9d9d</span> <span class="number">65px</span>, <span class="number">#9d9d9d</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">45px</span>, <span class="number">#000000</span> <span class="number">45px</span>, <span class="number">#000000</span> <span class="number">50px</span>, <span class="number">#9d9d9d</span> <span class="number">50px</span>, <span class="number">#9d9d9d</span> <span class="number">55px</span>, <span class="number">#000000</span> <span class="number">55px</span>, <span class="number">#000000</span> <span class="number">65px</span>, <span class="number">#9d9d9d</span> <span class="number">65px</span>, <span class="number">#9d9d9d</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#ff9593</span> <span class="number">10px</span>, <span class="number">#ff9593</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">65px</span>, <span class="number">#ff9593</span> <span class="number">65px</span>, <span class="number">#ff9593</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#ff9593</span> <span class="number">10px</span>, <span class="number">#ff9593</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">40px</span>, <span class="number">#000000</span> <span class="number">40px</span>, <span class="number">#000000</span> <span class="number">45px</span>, <span class="number">#9d9d9d</span> <span class="number">45px</span>, <span class="number">#9d9d9d</span> <span class="number">55px</span>, <span class="number">#000000</span> <span class="number">55px</span>, <span class="number">#000000</span> <span class="number">60px</span>, <span class="number">#9d9d9d</span> <span class="number">60px</span>, <span class="number">#9d9d9d</span> <span class="number">65px</span>, <span class="number">#ff9593</span> <span class="number">65px</span>, <span class="number">#ff9593</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">60px</span>, <span class="number">#9d9d9d</span> <span class="number">60px</span>, <span class="number">#9d9d9d</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>, <span class="number">#9d9d9d</span> <span class="number">65px</span>, <span class="number">#000000</span> <span class="number">65px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">70px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">65px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">65px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>);</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.rainbow</span> &gt; <span class="selector-tag">span</span> </span><br><span class="line"> <span class="attribute">background-image</span>: <span class="built_in">linear-gradient</span>(to right, <span class="number">#fe0000</span> <span class="number">0%</span>, <span class="number">#fe0000</span> <span class="number">50%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">50%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#fe0000</span> <span class="number">0%</span>, <span class="number">#fe0000</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffa500</span> <span class="number">0%</span>, <span class="number">#ffa500</span> <span class="number">50%</span>, <span class="number">#fe0000</span> <span class="number">50%</span>, <span class="number">#fe0000</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffa500</span> <span class="number">0%</span>, <span class="number">#ffa500</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffff00</span> <span class="number">0%</span>, <span class="number">#ffff00</span> <span class="number">50%</span>, <span class="number">#ffa500</span> <span class="number">50%</span>, <span class="number">#ffa500</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffff00</span> <span class="number">0%</span>, <span class="number">#ffff00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#00fb00</span> <span class="number">0%</span>, <span class="number">#00fb00</span> <span class="number">50%</span>, <span class="number">#ffff00</span> <span class="number">50%</span>, <span class="number">#ffff00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#00fb00</span> <span class="number">0%</span>, <span class="number">#00fb00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#009eff</span> <span class="number">0%</span>, <span class="number">#009eff</span> <span class="number">50%</span>, <span class="number">#00fb00</span> <span class="number">50%</span>, <span class="number">#00fb00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#009eff</span> <span class="number">0%</span>, <span class="number">#009eff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#6531ff</span> <span class="number">0%</span>, <span class="number">#6531ff</span> <span class="number">50%</span>, <span class="number">#009eff</span> <span class="number">50%</span>, <span class="number">#009eff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#6531ff</span> <span class="number">0%</span>, <span class="number">#6531ff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">50%</span>, <span class="number">#6531ff</span> <span class="number">50%</span>, <span class="number">#6531ff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">50%</span>, <span class="number">#fe0000</span> <span class="number">50%</span>, <span class="number">#fe0000</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#fe0000</span> <span class="number">0%</span>, <span class="number">#fe0000</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#fe0000</span> <span class="number">0%</span>, <span class="number">#fe0000</span> <span class="number">50%</span>, <span class="number">#ffa500</span> <span class="number">50%</span>, <span class="number">#ffa500</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffa500</span> <span class="number">0%</span>, <span class="number">#ffa500</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffa500</span> <span class="number">0%</span>, <span class="number">#ffa500</span> <span class="number">50%</span>, <span class="number">#ffff00</span> <span class="number">50%</span>, <span class="number">#ffff00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffff00</span> <span class="number">0%</span>, <span class="number">#ffff00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffff00</span> <span class="number">0%</span>, <span class="number">#ffff00</span> <span class="number">50%</span>, <span class="number">#00fb00</span> <span class="number">50%</span>, <span class="number">#00fb00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#00fb00</span> <span class="number">0%</span>, <span class="number">#00fb00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#00fb00</span> <span class="number">0%</span>, <span class="number">#00fb00</span> <span class="number">50%</span>, <span class="number">#009eff</span> <span class="number">50%</span>, <span class="number">#009eff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#009eff</span> <span class="number">0%</span>, <span class="number">#009eff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#009eff</span> <span class="number">0%</span>, <span class="number">#009eff</span> <span class="number">50%</span>, <span class="number">#6531ff</span> <span class="number">50%</span>, <span class="number">#6531ff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#6531ff</span> <span class="number">0%</span>, <span class="number">#6531ff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#6531ff</span> <span class="number">0%</span>, <span class="number">#6531ff</span> <span class="number">50%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">50%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100%</span>);</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.feet</span> </span><br><span class="line"> <span class="attribute">background-image</span>: <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">25px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">120px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">110px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">110px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">120px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">35px</span>, <span class="number">#9d9d9d</span> <span class="number">35px</span>, <span class="number">#9d9d9d</span> <span class="number">40px</span>, <span class="number">#000000</span> <span class="number">40px</span>, <span class="number">#000000</span> <span class="number">80px</span>, <span class="number">#9d9d9d</span> <span class="number">80px</span>, <span class="number">#9d9d9d</span> <span class="number">110px</span>, <span class="number">#000000</span> <span class="number">110px</span>, <span class="number">#000000</span> <span class="number">115px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">115px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">120px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">40px</span>, <span class="number">#000000</span> <span class="number">40px</span>, <span class="number">#000000</span> <span class="number">45px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">45px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">80px</span>, <span class="number">#9d9d9d</span> <span class="number">80px</span>, <span class="number">#9d9d9d</span> <span class="number">90px</span>, <span class="number">#000000</span> <span class="number">90px</span>, <span class="number">#000000</span> <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>, <span class="number">#9d9d9d</span> <span class="number">105px</span>, <span class="number">#9d9d9d</span> <span class="number">115px</span>, <span class="number">#000000</span> <span class="number">115px</span>, <span class="number">#000000</span> <span class="number">120px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">15px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">30px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="number">#000000</span> <span class="number">45px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">45px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>, <span class="number">#000000</span> <span class="number">80px</span>, <span class="number">#000000</span> <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">105px</span>, <span class="number">#000000</span> <span class="number">105px</span>, <span class="number">#000000</span> <span class="number">120px</span>);</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.tail</span> &gt; <span class="selector-tag">span</span> </span><br><span class="line"> <span class="attribute">background-image</span>: <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">15px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">25px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">15px</span>);</span><br><span class="line"></span><br><span class="line"><span class="keyword">@-webkit-keyframes</span> rainbow &#123;</span><br><span class="line"> <span class="number">0%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">50%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">100%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">65px</span>;</span><br><span class="line"> &#125;</span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line"><span class="keyword">@keyframes</span> rainbow &#123;</span><br><span class="line"> <span class="number">0%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">50%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">100%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">65px</span>;</span><br><span class="line"> &#125;</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">@-webkit-keyframes</span> nyan &#123;</span><br><span class="line"> <span class="number">0%</span> &#123;</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">10%</span> &#123;</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">80%</span> &#123;</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">53px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">100%</span> &#123;</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> &#125;</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">@keyframes</span> nyan &#123;</span><br><span class="line"> <span class="number">0%</span> &#123;</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">10%</span> &#123;</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">80%</span> &#123;</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">53px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">100%</span> &#123;</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> &#125;</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">@-webkit-keyframes</span> feet &#123;</span><br><span class="line"> <span class="number">0%</span> &#123;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">20px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">100%</span> &#123;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">30px</span>;</span><br><span class="line"> &#125;</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">@keyframes</span> feet &#123;</span><br><span class="line"> <span class="number">0%</span> &#123;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">20px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">100%</span> &#123;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">30px</span>;</span><br><span class="line"> &#125;</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">@-webkit-keyframes</span> head &#123;</span><br><span class="line"> <span class="number">0%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">24.99%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">25%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">88px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">49.99%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">88px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">50%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">74.99%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">75%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">82px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">99.99%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">82px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">100%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> &#125;</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">@keyframes</span> head &#123;</span><br><span class="line"> <span class="number">0%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">24.99%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">25%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">88px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">49.99%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">88px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">50%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">74.99%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">75%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">82px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">99.99%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">82px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">100%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> &#125;</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">@-webkit-keyframes</span> tail &#123;</span><br><span class="line"> <span class="number">0%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">25%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">49.99%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">50%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">30px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">74.99%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">30px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">75%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">60px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">99.99%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">60px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">100%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">90px</span>;</span><br><span class="line"> &#125;</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">@keyframes</span> tail &#123;</span><br><span class="line"> <span class="number">0%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">25%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">49.99%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">50%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">30px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">74.99%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">30px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">75%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">60px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">99.99%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">60px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">100%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">90px</span>;</span><br><span class="line"> &#125;</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">@keyframes</span> woosh &#123;</span><br><span class="line"> <span class="number">0%</span> &#123;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">0px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">100%</span> &#123;</span><br><span class="line"> <span class="attribute">left</span>: -<span class="number">400px</span>;</span><br><span class="line"> &#125;</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">@keyframes</span> sparkly &#123;</span><br><span class="line"> <span class="number">0%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">6px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">17px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">16%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">0</span>, <span class="number">34px</span> <span class="number">17px</span>, <span class="number">17px</span> <span class="number">34px</span>, <span class="number">0</span> <span class="number">17px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">33%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">0</span>, <span class="number">34px</span> <span class="number">17px</span>, <span class="number">17px</span> <span class="number">34px</span>, <span class="number">0</span> <span class="number">17px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">50%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">6px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">17px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">66%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">11px</span>, <span class="number">400px</span> <span class="number">11px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">6px</span>, <span class="number">17px</span> <span class="number">23px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">83%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">400px</span> <span class="number">5px</span>, <span class="number">400px</span> <span class="number">5px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">11px</span> <span class="number">17px</span>, <span class="number">22px</span> <span class="number">17px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">100%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">6px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">17px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">@keyframes</span> sparkly-before &#123;</span><br><span class="line"> <span class="number">0%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">16%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">33%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">5px</span>, <span class="number">400px</span> <span class="number">5px</span>, <span class="number">400px</span> <span class="number">5px</span>, <span class="number">400px</span> <span class="number">5px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">6px</span> <span class="number">6px</span>, <span class="number">29px</span> <span class="number">6px</span>, <span class="number">29px</span> <span class="number">29px</span>, <span class="number">6px</span> <span class="number">29px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">50%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">66%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">83%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">400px</span> <span class="number">5px</span>, <span class="number">400px</span> <span class="number">5px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">17px</span> <span class="number">12px</span>, <span class="number">17px</span> <span class="number">22px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">100%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">@keyframes</span> sparkly-after &#123;</span><br><span class="line"> <span class="number">0%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">16%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">33%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">50%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">11px</span>, <span class="number">400px</span> <span class="number">11px</span>, <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">0</span>, <span class="number">17px</span> <span class="number">29px</span>, <span class="number">0</span> <span class="number">17px</span>, <span class="number">29px</span> <span class="number">17px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">66%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">6px</span> <span class="number">17px</span>, <span class="number">23px</span> <span class="number">17px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">83%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">100%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure><ol><li>修改<code>[Blogroot]\_config.butterfly.yml</code>的<code>preloader.load_style</code>配置项<figure class="highlight yml"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line"><span class="attr">preloader:</span></span><br><span class="line"> <span class="attr">enable:</span> <span class="literal">true</span></span><br><span class="line"> <span class="attr">load_color:</span> <span class="string">&#x27;#000000&#x27;</span> <span class="comment"># &#x27;#37474f&#x27;</span></span><br><span class="line"> <span class="attr">load_style:</span> <span class="string">nyancat</span> <span class="comment"># 这边改成nyancat</span></span><br></pre></td></tr></table></figure></li></ol><h3 id="butterfly-4-5-以上方案"><a href="#butterfly-4-5-以上方案" class="headerlink" title="butterfly 4.5 以上方案"></a>butterfly 4.5 以上方案</h3><ol><li>修改<code>[Blogroot]\themes\butterfly\layout\includes\loading\fullpage-loading.pug</code>，复制以下代码替换全部内容。<figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br><span class="line">34</span><br></pre></td><td class="code"><pre><span class="line">#loading-box(onclick=&#x27;document.getElementById(&quot;loading-box&quot;).classList.add(&quot;loaded&quot;)&#x27;)</span><br><span class="line"> .sparks-combo</span><br><span class="line"> .spark</span><br><span class="line"> .spark</span><br><span class="line"> .spark</span><br><span class="line"> .spark</span><br><span class="line"> .rainbow</span><br><span class="line"> span</span><br><span class="line"> .nyan-cat</span><br><span class="line"> .feet</span><br><span class="line"> .tail</span><br><span class="line"> span</span><br><span class="line"> .body</span><br><span class="line"> .head</span><br><span class="line"> script(src=&quot;/js/nyan.js&quot;)</span><br><span class="line"></span><br><span class="line">script.</span><br><span class="line"> const preloader = &#123;</span><br><span class="line"> endLoading: () =&gt; &#123;</span><br><span class="line"> document.body.style.overflow = &#x27;auto&#x27;;</span><br><span class="line"> document.getElementById(&#x27;loading-box&#x27;).classList.add(&quot;loaded&quot;)</span><br><span class="line"> &#125;,</span><br><span class="line"> initLoading: () =&gt; &#123;</span><br><span class="line"> document.body.style.overflow = &#x27;&#x27;;</span><br><span class="line"> document.getElementById(&#x27;loading-box&#x27;).classList.remove(&quot;loaded&quot;)</span><br><span class="line"></span><br><span class="line"> &#125;</span><br><span class="line"> &#125;</span><br><span class="line"> window.addEventListener(&#x27;load&#x27;,()=&gt; &#123; preloader.endLoading() &#125;)</span><br><span class="line"></span><br><span class="line"> if (!&#123;theme.pjax &amp;&amp; theme.pjax.enable&#125;) &#123;</span><br><span class="line"> document.addEventListener(&#x27;pjax:send&#x27;, () =&gt; &#123; preloader.initLoading() &#125;)</span><br><span class="line"> document.addEventListener(&#x27;pjax:complete&#x27;, () =&gt; &#123; preloader.endLoading() &#125;)</span><br><span class="line"> &#125;</span><br></pre></td></tr></table></figure></li><li>修改<code>[Blogroot]\themes\butterfly\layout\includes\loading\index.pug</code>，复制以下代码替换全部内容。<figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br></pre></td><td class="code"><pre><span class="line">if theme.preloader.source === 1</span><br><span class="line"> include ./fullpage-loading.pug</span><br><span class="line">else if theme.preloader.source === 2</span><br><span class="line"> include ./pace.pug</span><br><span class="line">else</span><br><span class="line"> include ./fullpage-loading.pug</span><br><span class="line"> include ./pace.pug</span><br></pre></td></tr></table></figure></li><li>修改<code>[Blogroot]\themes\butterfly\source\css\_layout\loading.styl</code>，复制以下代码替换全部内容。<figure class="highlight stylus"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br><span class="line">34</span><br><span class="line">35</span><br><span class="line">36</span><br><span class="line">37</span><br><span class="line">38</span><br><span class="line">39</span><br><span class="line">40</span><br><span class="line">41</span><br><span class="line">42</span><br><span class="line">43</span><br><span class="line">44</span><br><span class="line">45</span><br><span class="line">46</span><br><span class="line">47</span><br><span class="line">48</span><br><span class="line">49</span><br><span class="line">50</span><br><span class="line">51</span><br><span class="line">52</span><br><span class="line">53</span><br><span class="line">54</span><br><span class="line">55</span><br><span class="line">56</span><br><span class="line">57</span><br><span class="line">58</span><br><span class="line">59</span><br><span class="line">60</span><br><span class="line">61</span><br><span class="line">62</span><br><span class="line">63</span><br><span class="line">64</span><br><span class="line">65</span><br><span class="line">66</span><br><span class="line">67</span><br><span class="line">68</span><br><span class="line">69</span><br><span class="line">70</span><br><span class="line">71</span><br><span class="line">72</span><br><span class="line">73</span><br><span class="line">74</span><br><span class="line">75</span><br><span class="line">76</span><br><span class="line">77</span><br><span class="line">78</span><br><span class="line">79</span><br><span class="line">80</span><br><span class="line">81</span><br><span class="line">82</span><br><span class="line">83</span><br><span class="line">84</span><br><span class="line">85</span><br><span class="line">86</span><br><span class="line">87</span><br><span class="line">88</span><br><span class="line">89</span><br><span class="line">90</span><br><span class="line">91</span><br><span class="line">92</span><br><span class="line">93</span><br><span class="line">94</span><br><span class="line">95</span><br><span class="line">96</span><br><span class="line">97</span><br><span class="line">98</span><br><span class="line">99</span><br><span class="line">100</span><br><span class="line">101</span><br><span class="line">102</span><br><span class="line">103</span><br><span class="line">104</span><br><span class="line">105</span><br><span class="line">106</span><br><span class="line">107</span><br><span class="line">108</span><br><span class="line">109</span><br><span class="line">110</span><br><span class="line">111</span><br><span class="line">112</span><br><span class="line">113</span><br><span class="line">114</span><br><span class="line">115</span><br><span class="line">116</span><br><span class="line">117</span><br><span class="line">118</span><br><span class="line">119</span><br><span class="line">120</span><br><span class="line">121</span><br><span class="line">122</span><br><span class="line">123</span><br><span class="line">124</span><br><span class="line">125</span><br><span class="line">126</span><br><span class="line">127</span><br><span class="line">128</span><br><span class="line">129</span><br><span class="line">130</span><br><span class="line">131</span><br><span class="line">132</span><br><span class="line">133</span><br><span class="line">134</span><br><span class="line">135</span><br><span class="line">136</span><br><span class="line">137</span><br><span class="line">138</span><br><span class="line">139</span><br><span class="line">140</span><br><span class="line">141</span><br><span class="line">142</span><br><span class="line">143</span><br><span class="line">144</span><br><span class="line">145</span><br><span class="line">146</span><br><span class="line">147</span><br><span class="line">148</span><br><span class="line">149</span><br><span class="line">150</span><br><span class="line">151</span><br><span class="line">152</span><br><span class="line">153</span><br><span class="line">154</span><br><span class="line">155</span><br><span class="line">156</span><br><span class="line">157</span><br><span class="line">158</span><br><span class="line">159</span><br><span class="line">160</span><br><span class="line">161</span><br><span class="line">162</span><br><span class="line">163</span><br><span class="line">164</span><br><span class="line">165</span><br><span class="line">166</span><br><span class="line">167</span><br><span class="line">168</span><br><span class="line">169</span><br><span class="line">170</span><br><span class="line">171</span><br><span class="line">172</span><br><span class="line">173</span><br><span class="line">174</span><br><span class="line">175</span><br><span class="line">176</span><br><span class="line">177</span><br><span class="line">178</span><br><span class="line">179</span><br><span class="line">180</span><br><span class="line">181</span><br><span class="line">182</span><br><span class="line">183</span><br><span class="line">184</span><br><span class="line">185</span><br><span class="line">186</span><br><span class="line">187</span><br><span class="line">188</span><br><span class="line">189</span><br><span class="line">190</span><br><span class="line">191</span><br><span class="line">192</span><br><span class="line">193</span><br><span class="line">194</span><br><span class="line">195</span><br><span class="line">196</span><br><span class="line">197</span><br><span class="line">198</span><br><span class="line">199</span><br><span class="line">200</span><br><span class="line">201</span><br><span class="line">202</span><br><span class="line">203</span><br><span class="line">204</span><br><span class="line">205</span><br><span class="line">206</span><br><span class="line">207</span><br><span class="line">208</span><br><span class="line">209</span><br><span class="line">210</span><br><span class="line">211</span><br><span class="line">212</span><br><span class="line">213</span><br><span class="line">214</span><br><span class="line">215</span><br><span class="line">216</span><br><span class="line">217</span><br><span class="line">218</span><br><span class="line">219</span><br><span class="line">220</span><br><span class="line">221</span><br><span class="line">222</span><br><span class="line">223</span><br><span class="line">224</span><br><span class="line">225</span><br><span class="line">226</span><br><span class="line">227</span><br><span class="line">228</span><br><span class="line">229</span><br><span class="line">230</span><br><span class="line">231</span><br><span class="line">232</span><br><span class="line">233</span><br><span class="line">234</span><br><span class="line">235</span><br><span class="line">236</span><br><span class="line">237</span><br><span class="line">238</span><br><span class="line">239</span><br><span class="line">240</span><br><span class="line">241</span><br><span class="line">242</span><br><span class="line">243</span><br><span class="line">244</span><br><span class="line">245</span><br><span class="line">246</span><br><span class="line">247</span><br><span class="line">248</span><br><span class="line">249</span><br><span class="line">250</span><br><span class="line">251</span><br><span class="line">252</span><br><span class="line">253</span><br><span class="line">254</span><br><span class="line">255</span><br><span class="line">256</span><br><span class="line">257</span><br><span class="line">258</span><br><span class="line">259</span><br><span class="line">260</span><br><span class="line">261</span><br><span class="line">262</span><br><span class="line">263</span><br><span class="line">264</span><br><span class="line">265</span><br><span class="line">266</span><br><span class="line">267</span><br><span class="line">268</span><br><span class="line">269</span><br><span class="line">270</span><br><span class="line">271</span><br><span class="line">272</span><br><span class="line">273</span><br><span class="line">274</span><br><span class="line">275</span><br><span class="line">276</span><br><span class="line">277</span><br><span class="line">278</span><br><span class="line">279</span><br><span class="line">280</span><br><span class="line">281</span><br><span class="line">282</span><br><span class="line">283</span><br><span class="line">284</span><br><span class="line">285</span><br><span class="line">286</span><br><span class="line">287</span><br><span class="line">288</span><br><span class="line">289</span><br><span class="line">290</span><br><span class="line">291</span><br><span class="line">292</span><br><span class="line">293</span><br><span class="line">294</span><br><span class="line">295</span><br><span class="line">296</span><br><span class="line">297</span><br><span class="line">298</span><br><span class="line">299</span><br><span class="line">300</span><br><span class="line">301</span><br><span class="line">302</span><br><span class="line">303</span><br><span class="line">304</span><br><span class="line">305</span><br><span class="line">306</span><br><span class="line">307</span><br><span class="line">308</span><br><span class="line">309</span><br><span class="line">310</span><br><span class="line">311</span><br><span class="line">312</span><br><span class="line">313</span><br><span class="line">314</span><br><span class="line">315</span><br><span class="line">316</span><br><span class="line">317</span><br><span class="line">318</span><br><span class="line">319</span><br><span class="line">320</span><br><span class="line">321</span><br><span class="line">322</span><br><span class="line">323</span><br><span class="line">324</span><br><span class="line">325</span><br><span class="line">326</span><br><span class="line">327</span><br><span class="line">328</span><br><span class="line">329</span><br><span class="line">330</span><br><span class="line">331</span><br><span class="line">332</span><br><span class="line">333</span><br><span class="line">334</span><br><span class="line">335</span><br><span class="line">336</span><br><span class="line">337</span><br><span class="line">338</span><br><span class="line">339</span><br><span class="line">340</span><br><span class="line">341</span><br><span class="line">342</span><br><span class="line">343</span><br><span class="line">344</span><br><span class="line">345</span><br><span class="line">346</span><br><span class="line">347</span><br><span class="line">348</span><br><span class="line">349</span><br><span class="line">350</span><br><span class="line">351</span><br><span class="line">352</span><br><span class="line">353</span><br><span class="line">354</span><br><span class="line">355</span><br><span class="line">356</span><br><span class="line">357</span><br><span class="line">358</span><br><span class="line">359</span><br><span class="line">360</span><br><span class="line">361</span><br><span class="line">362</span><br><span class="line">363</span><br><span class="line">364</span><br><span class="line">365</span><br><span class="line">366</span><br><span class="line">367</span><br><span class="line">368</span><br><span class="line">369</span><br><span class="line">370</span><br><span class="line">371</span><br><span class="line">372</span><br><span class="line">373</span><br><span class="line">374</span><br><span class="line">375</span><br><span class="line">376</span><br><span class="line">377</span><br><span class="line">378</span><br><span class="line">379</span><br><span class="line">380</span><br><span class="line">381</span><br><span class="line">382</span><br><span class="line">383</span><br><span class="line">384</span><br><span class="line">385</span><br><span class="line">386</span><br><span class="line">387</span><br><span class="line">388</span><br><span class="line">389</span><br><span class="line">390</span><br><span class="line">391</span><br><span class="line">392</span><br><span class="line">393</span><br><span class="line">394</span><br><span class="line">395</span><br><span class="line">396</span><br><span class="line">397</span><br><span class="line">398</span><br><span class="line">399</span><br><span class="line">400</span><br><span class="line">401</span><br><span class="line">402</span><br><span class="line">403</span><br><span class="line">404</span><br><span class="line">405</span><br><span class="line">406</span><br><span class="line">407</span><br><span class="line">408</span><br><span class="line">409</span><br><span class="line">410</span><br><span class="line">411</span><br><span class="line">412</span><br><span class="line">413</span><br><span class="line">414</span><br><span class="line">415</span><br><span class="line">416</span><br><span class="line">417</span><br><span class="line">418</span><br><span class="line">419</span><br><span class="line">420</span><br><span class="line">421</span><br><span class="line">422</span><br><span class="line">423</span><br><span class="line">424</span><br><span class="line">425</span><br><span class="line">426</span><br><span class="line">427</span><br><span class="line">428</span><br><span class="line">429</span><br><span class="line">430</span><br><span class="line">431</span><br><span class="line">432</span><br><span class="line">433</span><br><span class="line">434</span><br><span class="line">435</span><br><span class="line">436</span><br><span class="line">437</span><br><span class="line">438</span><br><span class="line">439</span><br><span class="line">440</span><br><span class="line">441</span><br><span class="line">442</span><br><span class="line">443</span><br><span class="line">444</span><br><span class="line">445</span><br><span class="line">446</span><br><span class="line">447</span><br><span class="line">448</span><br><span class="line">449</span><br><span class="line">450</span><br><span class="line">451</span><br><span class="line">452</span><br><span class="line">453</span><br><span class="line">454</span><br><span class="line">455</span><br><span class="line">456</span><br><span class="line">457</span><br><span class="line">458</span><br><span class="line">459</span><br><span class="line">460</span><br><span class="line">461</span><br><span class="line">462</span><br><span class="line">463</span><br><span class="line">464</span><br><span class="line">465</span><br><span class="line">466</span><br><span class="line">467</span><br><span class="line">468</span><br><span class="line">469</span><br><span class="line">470</span><br><span class="line">471</span><br><span class="line">472</span><br><span class="line">473</span><br><span class="line">474</span><br><span class="line">475</span><br><span class="line">476</span><br><span class="line">477</span><br></pre></td><td class="code"><pre><span class="line"><span class="selector-id">#loading-box</span></span><br><span class="line"> <span class="attribute">width</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">margin</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">padding</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background</span>: <span class="number">#036</span>;</span><br><span class="line"> <span class="attribute">overflow</span>: hidden;</span><br><span class="line"> <span class="attribute">position</span> : fixed;</span><br><span class="line"> <span class="attribute">font</span>: <span class="number">13px</span>/<span class="number">1.4</span> Helvetica, arial, freesans, clean, sans-serif, <span class="string">&quot;Segoe UI Emoji&quot;</span>, <span class="string">&quot;Segoe UI Symbol&quot;</span>;</span><br><span class="line"> <span class="attribute">z-index</span>: <span class="number">9999</span>;</span><br><span class="line"> <span class="attribute">opacity</span>: <span class="number">1</span>;</span><br><span class="line"></span><br><span class="line"> &amp;<span class="selector-class">.loaded</span></span><br><span class="line"> <span class="attribute">opacity</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">z-index</span>: -<span class="number">1000</span>;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.sprite</span>, <span class="selector-class">.body</span>, <span class="selector-class">.head</span>, <span class="selector-class">.rainbow</span> <span class="selector-tag">span</span>, <span class="selector-class">.feet</span>, <span class="selector-class">.tail</span> <span class="selector-tag">span</span>, <span class="selector-class">.stars</span> <span class="selector-class">.star</span></span><br><span class="line"> <span class="attribute">position</span>: absolute;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0px</span>,<span class="number">0</span> <span class="number">5px</span>,<span class="number">0</span> <span class="number">10px</span>,<span class="number">0</span> <span class="number">15px</span>,<span class="number">0</span> <span class="number">20px</span>,<span class="number">0</span> <span class="number">25px</span>,<span class="number">0</span> <span class="number">30px</span>,<span class="number">0</span> <span class="number">35px</span>,<span class="number">0</span> <span class="number">40px</span>,<span class="number">0</span> <span class="number">45px</span>,<span class="number">0</span> <span class="number">50px</span>,<span class="number">0</span> <span class="number">55px</span>,<span class="number">0</span> <span class="number">60px</span>,<span class="number">0</span> <span class="number">65px</span>,<span class="number">0</span> <span class="number">70px</span>,<span class="number">0</span> <span class="number">75px</span>,<span class="number">0</span> <span class="number">80px</span>,<span class="number">0</span> <span class="number">85px</span>,<span class="number">0</span> <span class="number">90px</span>,<span class="number">0</span> <span class="number">95px</span>,<span class="number">0</span> <span class="number">100px</span>,<span class="number">0</span> <span class="number">105px</span>,<span class="number">0</span> <span class="number">110px</span>,<span class="number">0</span> <span class="number">115px</span>,<span class="number">0</span> <span class="number">120px</span>,<span class="number">0</span> <span class="number">125px</span>;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">100%</span> <span class="number">5px</span>;</span><br><span class="line"> <span class="attribute">background-repeat</span>: no-repeat;</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.nyan-cat</span></span><br><span class="line"> <span class="attribute">position</span>: fixed;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">50%</span>;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">50%</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">165px</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">100px</span>;</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> <span class="attribute">margin-left</span>: -<span class="number">82px</span>;</span><br><span class="line"> -webkit-<span class="attribute">animation</span>: nyan <span class="number">400ms</span> step-start infinite;</span><br><span class="line"> <span class="attribute">animation</span>: nyan <span class="number">400ms</span> step-start infinite;</span><br><span class="line"> <span class="attribute">z-index</span>: <span class="number">19999</span>;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.body</span></span><br><span class="line"> <span class="attribute">left</span>: <span class="number">35px</span>;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">105px</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">90px</span>;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.head</span></span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">80px</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">65px</span>;</span><br><span class="line"> -webkit-<span class="attribute">animation</span>: head <span class="number">400ms</span> linear infinite;</span><br><span class="line"> <span class="attribute">animation</span>: head <span class="number">400ms</span> linear infinite;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.rainbow</span></span><br><span class="line"> <span class="attribute">position</span>: fixed;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">50%</span>;</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">35px</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">50%</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">65px</span>;</span><br><span class="line"> <span class="attribute">overflow</span>: hidden;</span><br><span class="line"> <span class="attribute">z-index</span>: <span class="number">18888</span>;</span><br><span class="line"></span><br><span class="line"> <span class="selector-tag">span</span></span><br><span class="line"> <span class="attribute">display</span>: block;</span><br><span class="line"> <span class="attribute">position</span>: relative;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">130px</span>;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">80px</span> <span class="number">5px</span>;</span><br><span class="line"> <span class="attribute">background-repeat</span>: repeat-x;</span><br><span class="line"> -webkit-<span class="attribute">animation</span>: rainbow <span class="number">400ms</span> step-start infinite;</span><br><span class="line"> <span class="attribute">animation</span>: rainbow <span class="number">400ms</span> step-start infinite;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.feet</span></span><br><span class="line"> <span class="attribute">left</span>: <span class="number">20px</span>;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">75px</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">120px</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">25px</span>;</span><br><span class="line"> -webkit-<span class="attribute">animation</span>: feet <span class="number">400ms</span> infinite;</span><br><span class="line"> <span class="attribute">animation</span>: feet <span class="number">400ms</span> infinite;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.tail</span></span><br><span class="line"> <span class="attribute">position</span>: relative;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">30px</span>;</span><br><span class="line"> <span class="attribute">overflow</span>: hidden;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">30px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">10px</span>;</span><br><span class="line"></span><br><span class="line"> <span class="selector-tag">span</span></span><br><span class="line"> <span class="attribute">width</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">120px</span>;</span><br><span class="line"> -webkit-<span class="attribute">animation</span>: tail <span class="number">200ms</span> step-start infinite alternate;</span><br><span class="line"> <span class="attribute">animation</span>: tail <span class="number">200ms</span> step-start infinite alternate;</span><br><span class="line"> </span><br><span class="line"> <span class="selector-class">.sparks-combo</span> </span><br><span class="line"> <span class="attribute">height</span>: <span class="number">300px</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">200%</span>;</span><br><span class="line"> <span class="attribute">position</span>: relative;</span><br><span class="line"> <span class="attribute">animation</span>: woosh <span class="number">700ms</span> <span class="number">0ms</span> linear infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.spark</span> </span><br><span class="line"> <span class="attribute">z-index</span>: <span class="number">1</span>;</span><br><span class="line"> <span class="attribute">position</span>: absolute;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">background-color</span>: transparent;</span><br><span class="line"> <span class="attribute">background</span>: <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">6px</span>, transparent <span class="number">6px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">6px</span>, transparent <span class="number">6px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">6px</span>, transparent <span class="number">6px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">6px</span>, transparent <span class="number">6px</span>, transparent <span class="number">400px</span>) repeat-x;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&amp;:before</span> </span><br><span class="line"> <span class="attribute">background</span>: <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">5px</span>, transparent <span class="number">5px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">5px</span>, transparent <span class="number">5px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">5px</span>, transparent <span class="number">5px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">5px</span>, transparent <span class="number">5px</span>, transparent <span class="number">400px</span>) repeat-x;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&amp;:after</span> </span><br><span class="line"> <span class="attribute">background</span>: <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">6px</span>, transparent <span class="number">6px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">6px</span>, transparent <span class="number">6px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">11px</span>, transparent <span class="number">11px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">11px</span>, transparent <span class="number">11px</span>, transparent <span class="number">400px</span>) repeat-x;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&amp;:before</span>,<span class="selector-pseudo">&amp;:after</span> </span><br><span class="line"> <span class="attribute">content</span>: <span class="string">&#x27;&#x27;</span>;</span><br><span class="line"> <span class="attribute">position</span>: absolute;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">background-color</span>: transparent;</span><br><span class="line"> </span><br><span class="line"> </span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&amp;:nth-child</span>(<span class="number">1</span>) </span><br><span class="line"> <span class="attribute">z-index</span>: <span class="number">3</span>;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">20px</span>;</span><br><span class="line"> <span class="attribute">animation</span>: sparkly <span class="number">700ms</span> <span class="number">0ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&amp;:nth-child</span>(<span class="number">1</span>)<span class="selector-pseudo">:before</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-before <span class="number">700ms</span> <span class="number">0ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&amp;:nth-child</span>(<span class="number">1</span>)<span class="selector-pseudo">:after</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-after <span class="number">700ms</span> <span class="number">0ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&amp;:nth-child</span>(<span class="number">2</span>) </span><br><span class="line"> <span class="attribute">top</span>: <span class="number">40px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">170px</span>;</span><br><span class="line"> <span class="attribute">animation</span>: sparkly <span class="number">700ms</span> <span class="number">200ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&amp;:nth-child</span>(<span class="number">2</span>)<span class="selector-pseudo">:before</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-before <span class="number">700ms</span> <span class="number">200ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&amp;:nth-child</span>(<span class="number">2</span>)<span class="selector-pseudo">:after</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-after <span class="number">700ms</span> <span class="number">200ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&amp;:nth-child</span>(<span class="number">3</span>) </span><br><span class="line"> <span class="attribute">top</span>: <span class="number">100px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">320px</span>;</span><br><span class="line"> <span class="attribute">animation</span>: sparkly <span class="number">700ms</span> <span class="number">400ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&amp;:nth-child</span>(<span class="number">3</span>)<span class="selector-pseudo">:before</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-before <span class="number">700ms</span> <span class="number">400ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&amp;:nth-child</span>(<span class="number">3</span>)<span class="selector-pseudo">:after</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-after <span class="number">700ms</span> <span class="number">400ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&amp;:nth-child</span>(<span class="number">4</span>) </span><br><span class="line"> <span class="attribute">top</span>: <span class="number">150px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">200px</span>;</span><br><span class="line"> <span class="attribute">animation</span>: sparkly <span class="number">700ms</span> <span class="number">600ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&amp;:nth-child</span>(<span class="number">4</span>)<span class="selector-pseudo">:before</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-before <span class="number">700ms</span> <span class="number">600ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&amp;:nth-child</span>(<span class="number">4</span>)<span class="selector-pseudo">:after</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-after <span class="number">700ms</span> <span class="number">600ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.body</span></span><br><span class="line"> <span class="attribute">background-image</span>: <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#000000</span> <span class="number">95px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">20px</span>, <span class="number">#fe91fe</span> <span class="number">20px</span>, <span class="number">#fe91fe</span> <span class="number">85px</span>, <span class="number">#f9d28f</span> <span class="number">85px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">15px</span>, <span class="number">#fe91fe</span> <span class="number">15px</span>, <span class="number">#fe91fe</span> <span class="number">45px</span>, <span class="number">#f90297</span> <span class="number">45px</span>, <span class="number">#f90297</span> <span class="number">50px</span>, <span class="number">#fe91fe</span> <span class="number">50px</span>, <span class="number">#fe91fe</span> <span class="number">60px</span>, <span class="number">#f90297</span> <span class="number">60px</span>, <span class="number">#f90297</span> <span class="number">65px</span>, <span class="number">#fe91fe</span> <span class="number">65px</span>, <span class="number">#fe91fe</span> <span class="number">90px</span>, <span class="number">#f9d28f</span> <span class="number">90px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">20px</span>, <span class="number">#f90297</span> <span class="number">20px</span>, <span class="number">#f90297</span> <span class="number">25px</span>, <span class="number">#fe91fe</span> <span class="number">25px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">80px</span>, <span class="number">#f90297</span> <span class="number">80px</span>, <span class="number">#f90297</span> <span class="number">85px</span>, <span class="number">#fe91fe</span> <span class="number">85px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">40px</span>, <span class="number">#f90297</span> <span class="number">40px</span>, <span class="number">#f90297</span> <span class="number">45px</span>, <span class="number">#fe91fe</span> <span class="number">45px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">25px</span>, <span class="number">#f90297</span> <span class="number">25px</span>, <span class="number">#f90297</span> <span class="number">30px</span>, <span class="number">#fe91fe</span> <span class="number">30px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">45px</span>, <span class="number">#f90297</span> <span class="number">45px</span>, <span class="number">#f90297</span> <span class="number">50px</span>, <span class="number">#fe91fe</span> <span class="number">50px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">15px</span>, <span class="number">#f90297</span> <span class="number">15px</span>, <span class="number">#f90297</span> <span class="number">20px</span>, <span class="number">#fe91fe</span> <span class="number">20px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">35px</span>, <span class="number">#f90297</span> <span class="number">35px</span>, <span class="number">#f90297</span> <span class="number">40px</span>, <span class="number">#fe91fe</span> <span class="number">40px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">15px</span>, <span class="number">#fe91fe</span> <span class="number">15px</span>, <span class="number">#fe91fe</span> <span class="number">20px</span>, <span class="number">#f90297</span> <span class="number">20px</span>, <span class="number">#f90297</span> <span class="number">25px</span>, <span class="number">#fe91fe</span> <span class="number">25px</span>, <span class="number">#fe91fe</span> <span class="number">90px</span>, <span class="number">#f9d28f</span> <span class="number">90px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">20px</span>, <span class="number">#fe91fe</span> <span class="number">20px</span>, <span class="number">#fe91fe</span> <span class="number">85px</span>, <span class="number">#f9d28f</span> <span class="number">85px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#000000</span> <span class="number">95px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">105px</span>);</span><br><span class="line"> </span><br><span class="line"> <span class="selector-class">.head</span> </span><br><span class="line"> <span class="attribute">background-image</span>: <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">60px</span>, <span class="number">#000000</span> <span class="number">60px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">70px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">25px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">55px</span>, <span class="number">#000000</span> <span class="number">55px</span>, <span class="number">#000000</span> <span class="number">60px</span>, <span class="number">#9d9d9d</span> <span class="number">60px</span>, <span class="number">#9d9d9d</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">30px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">50px</span>, <span class="number">#000000</span> <span class="number">50px</span>, <span class="number">#000000</span> <span class="number">55px</span>, <span class="number">#9d9d9d</span> <span class="number">55px</span>, <span class="number">#9d9d9d</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">30px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="number">#000000</span> <span class="number">35px</span>, <span class="number">#000000</span> <span class="number">35px</span>, <span class="number">#000000</span> <span class="number">50px</span>, <span class="number">#9d9d9d</span> <span class="number">50px</span>, <span class="number">#9d9d9d</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#ffffff</span> <span class="number">20px</span>, <span class="number">#ffffff</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">55px</span>, <span class="number">#ffffff</span> <span class="number">55px</span>, <span class="number">#ffffff</span> <span class="number">60px</span>, <span class="number">#000000</span> <span class="number">60px</span>, <span class="number">#000000</span> <span class="number">65px</span>, <span class="number">#9d9d9d</span> <span class="number">65px</span>, <span class="number">#9d9d9d</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">45px</span>, <span class="number">#000000</span> <span class="number">45px</span>, <span class="number">#000000</span> <span class="number">50px</span>, <span class="number">#9d9d9d</span> <span class="number">50px</span>, <span class="number">#9d9d9d</span> <span class="number">55px</span>, <span class="number">#000000</span> <span class="number">55px</span>, <span class="number">#000000</span> <span class="number">65px</span>, <span class="number">#9d9d9d</span> <span class="number">65px</span>, <span class="number">#9d9d9d</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#ff9593</span> <span class="number">10px</span>, <span class="number">#ff9593</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">65px</span>, <span class="number">#ff9593</span> <span class="number">65px</span>, <span class="number">#ff9593</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#ff9593</span> <span class="number">10px</span>, <span class="number">#ff9593</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">40px</span>, <span class="number">#000000</span> <span class="number">40px</span>, <span class="number">#000000</span> <span class="number">45px</span>, <span class="number">#9d9d9d</span> <span class="number">45px</span>, <span class="number">#9d9d9d</span> <span class="number">55px</span>, <span class="number">#000000</span> <span class="number">55px</span>, <span class="number">#000000</span> <span class="number">60px</span>, <span class="number">#9d9d9d</span> <span class="number">60px</span>, <span class="number">#9d9d9d</span> <span class="number">65px</span>, <span class="number">#ff9593</span> <span class="number">65px</span>, <span class="number">#ff9593</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">60px</span>, <span class="number">#9d9d9d</span> <span class="number">60px</span>, <span class="number">#9d9d9d</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>, <span class="number">#9d9d9d</span> <span class="number">65px</span>, <span class="number">#000000</span> <span class="number">65px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">70px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">65px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">65px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>);</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.rainbow</span> &gt; <span class="selector-tag">span</span> </span><br><span class="line"> <span class="attribute">background-image</span>: <span class="built_in">linear-gradient</span>(to right, <span class="number">#fe0000</span> <span class="number">0%</span>, <span class="number">#fe0000</span> <span class="number">50%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">50%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#fe0000</span> <span class="number">0%</span>, <span class="number">#fe0000</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffa500</span> <span class="number">0%</span>, <span class="number">#ffa500</span> <span class="number">50%</span>, <span class="number">#fe0000</span> <span class="number">50%</span>, <span class="number">#fe0000</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffa500</span> <span class="number">0%</span>, <span class="number">#ffa500</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffff00</span> <span class="number">0%</span>, <span class="number">#ffff00</span> <span class="number">50%</span>, <span class="number">#ffa500</span> <span class="number">50%</span>, <span class="number">#ffa500</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffff00</span> <span class="number">0%</span>, <span class="number">#ffff00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#00fb00</span> <span class="number">0%</span>, <span class="number">#00fb00</span> <span class="number">50%</span>, <span class="number">#ffff00</span> <span class="number">50%</span>, <span class="number">#ffff00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#00fb00</span> <span class="number">0%</span>, <span class="number">#00fb00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#009eff</span> <span class="number">0%</span>, <span class="number">#009eff</span> <span class="number">50%</span>, <span class="number">#00fb00</span> <span class="number">50%</span>, <span class="number">#00fb00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#009eff</span> <span class="number">0%</span>, <span class="number">#009eff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#6531ff</span> <span class="number">0%</span>, <span class="number">#6531ff</span> <span class="number">50%</span>, <span class="number">#009eff</span> <span class="number">50%</span>, <span class="number">#009eff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#6531ff</span> <span class="number">0%</span>, <span class="number">#6531ff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">50%</span>, <span class="number">#6531ff</span> <span class="number">50%</span>, <span class="number">#6531ff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">50%</span>, <span class="number">#fe0000</span> <span class="number">50%</span>, <span class="number">#fe0000</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#fe0000</span> <span class="number">0%</span>, <span class="number">#fe0000</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#fe0000</span> <span class="number">0%</span>, <span class="number">#fe0000</span> <span class="number">50%</span>, <span class="number">#ffa500</span> <span class="number">50%</span>, <span class="number">#ffa500</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffa500</span> <span class="number">0%</span>, <span class="number">#ffa500</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffa500</span> <span class="number">0%</span>, <span class="number">#ffa500</span> <span class="number">50%</span>, <span class="number">#ffff00</span> <span class="number">50%</span>, <span class="number">#ffff00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffff00</span> <span class="number">0%</span>, <span class="number">#ffff00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffff00</span> <span class="number">0%</span>, <span class="number">#ffff00</span> <span class="number">50%</span>, <span class="number">#00fb00</span> <span class="number">50%</span>, <span class="number">#00fb00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#00fb00</span> <span class="number">0%</span>, <span class="number">#00fb00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#00fb00</span> <span class="number">0%</span>, <span class="number">#00fb00</span> <span class="number">50%</span>, <span class="number">#009eff</span> <span class="number">50%</span>, <span class="number">#009eff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#009eff</span> <span class="number">0%</span>, <span class="number">#009eff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#009eff</span> <span class="number">0%</span>, <span class="number">#009eff</span> <span class="number">50%</span>, <span class="number">#6531ff</span> <span class="number">50%</span>, <span class="number">#6531ff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#6531ff</span> <span class="number">0%</span>, <span class="number">#6531ff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#6531ff</span> <span class="number">0%</span>, <span class="number">#6531ff</span> <span class="number">50%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">50%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100%</span>);</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.feet</span> </span><br><span class="line"> <span class="attribute">background-image</span>: <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">25px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">120px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">110px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">110px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">120px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">35px</span>, <span class="number">#9d9d9d</span> <span class="number">35px</span>, <span class="number">#9d9d9d</span> <span class="number">40px</span>, <span class="number">#000000</span> <span class="number">40px</span>, <span class="number">#000000</span> <span class="number">80px</span>, <span class="number">#9d9d9d</span> <span class="number">80px</span>, <span class="number">#9d9d9d</span> <span class="number">110px</span>, <span class="number">#000000</span> <span class="number">110px</span>, <span class="number">#000000</span> <span class="number">115px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">115px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">120px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">40px</span>, <span class="number">#000000</span> <span class="number">40px</span>, <span class="number">#000000</span> <span class="number">45px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">45px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">80px</span>, <span class="number">#9d9d9d</span> <span class="number">80px</span>, <span class="number">#9d9d9d</span> <span class="number">90px</span>, <span class="number">#000000</span> <span class="number">90px</span>, <span class="number">#000000</span> <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>, <span class="number">#9d9d9d</span> <span class="number">105px</span>, <span class="number">#9d9d9d</span> <span class="number">115px</span>, <span class="number">#000000</span> <span class="number">115px</span>, <span class="number">#000000</span> <span class="number">120px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">15px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">30px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="number">#000000</span> <span class="number">45px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">45px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>, <span class="number">#000000</span> <span class="number">80px</span>, <span class="number">#000000</span> <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">105px</span>, <span class="number">#000000</span> <span class="number">105px</span>, <span class="number">#000000</span> <span class="number">120px</span>);</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.tail</span> &gt; <span class="selector-tag">span</span> </span><br><span class="line"> <span class="attribute">background-image</span>: <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">15px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">25px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">15px</span>);</span><br><span class="line"></span><br><span class="line"><span class="keyword">@-webkit-keyframes</span> rainbow &#123;</span><br><span class="line"> <span class="number">0%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">50%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">100%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">65px</span>;</span><br><span class="line"> &#125;</span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line"><span class="keyword">@keyframes</span> rainbow &#123;</span><br><span class="line"> <span class="number">0%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">50%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">100%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">65px</span>;</span><br><span class="line"> &#125;</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">@-webkit-keyframes</span> nyan &#123;</span><br><span class="line"> <span class="number">0%</span> &#123;</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">10%</span> &#123;</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">80%</span> &#123;</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">53px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">100%</span> &#123;</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> &#125;</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">@keyframes</span> nyan &#123;</span><br><span class="line"> <span class="number">0%</span> &#123;</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">10%</span> &#123;</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">80%</span> &#123;</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">53px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">100%</span> &#123;</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> &#125;</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">@-webkit-keyframes</span> feet &#123;</span><br><span class="line"> <span class="number">0%</span> &#123;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">20px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">100%</span> &#123;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">30px</span>;</span><br><span class="line"> &#125;</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">@keyframes</span> feet &#123;</span><br><span class="line"> <span class="number">0%</span> &#123;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">20px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">100%</span> &#123;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">30px</span>;</span><br><span class="line"> &#125;</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">@-webkit-keyframes</span> head &#123;</span><br><span class="line"> <span class="number">0%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">24.99%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">25%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">88px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">49.99%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">88px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">50%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">74.99%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">75%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">82px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">99.99%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">82px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">100%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> &#125;</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">@keyframes</span> head &#123;</span><br><span class="line"> <span class="number">0%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">24.99%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">25%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">88px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">49.99%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">88px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">50%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">74.99%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">75%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">82px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">99.99%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">82px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">100%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> &#125;</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">@-webkit-keyframes</span> tail &#123;</span><br><span class="line"> <span class="number">0%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">25%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">49.99%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">50%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">30px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">74.99%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">30px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">75%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">60px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">99.99%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">60px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">100%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">90px</span>;</span><br><span class="line"> &#125;</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">@keyframes</span> tail &#123;</span><br><span class="line"> <span class="number">0%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">25%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">49.99%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">50%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">30px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">74.99%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">30px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">75%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">60px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">99.99%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">60px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">100%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">90px</span>;</span><br><span class="line"> &#125;</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">@keyframes</span> woosh &#123;</span><br><span class="line"> <span class="number">0%</span> &#123;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">0px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">100%</span> &#123;</span><br><span class="line"> <span class="attribute">left</span>: -<span class="number">400px</span>;</span><br><span class="line"> &#125;</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">@keyframes</span> sparkly &#123;</span><br><span class="line"> <span class="number">0%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">6px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">17px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">16%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">0</span>, <span class="number">34px</span> <span class="number">17px</span>, <span class="number">17px</span> <span class="number">34px</span>, <span class="number">0</span> <span class="number">17px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">33%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">0</span>, <span class="number">34px</span> <span class="number">17px</span>, <span class="number">17px</span> <span class="number">34px</span>, <span class="number">0</span> <span class="number">17px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">50%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">6px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">17px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">66%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">11px</span>, <span class="number">400px</span> <span class="number">11px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">6px</span>, <span class="number">17px</span> <span class="number">23px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">83%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">400px</span> <span class="number">5px</span>, <span class="number">400px</span> <span class="number">5px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">11px</span> <span class="number">17px</span>, <span class="number">22px</span> <span class="number">17px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">100%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">6px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">17px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">@keyframes</span> sparkly-before &#123;</span><br><span class="line"> <span class="number">0%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">16%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">33%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">5px</span>, <span class="number">400px</span> <span class="number">5px</span>, <span class="number">400px</span> <span class="number">5px</span>, <span class="number">400px</span> <span class="number">5px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">6px</span> <span class="number">6px</span>, <span class="number">29px</span> <span class="number">6px</span>, <span class="number">29px</span> <span class="number">29px</span>, <span class="number">6px</span> <span class="number">29px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">50%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">66%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">83%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">400px</span> <span class="number">5px</span>, <span class="number">400px</span> <span class="number">5px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">17px</span> <span class="number">12px</span>, <span class="number">17px</span> <span class="number">22px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">100%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">@keyframes</span> sparkly-after &#123;</span><br><span class="line"> <span class="number">0%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">16%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">33%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">50%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">11px</span>, <span class="number">400px</span> <span class="number">11px</span>, <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">0</span>, <span class="number">17px</span> <span class="number">29px</span>, <span class="number">0</span> <span class="number">17px</span>, <span class="number">29px</span> <span class="number">17px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">66%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">6px</span> <span class="number">17px</span>, <span class="number">23px</span> <span class="number">17px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">83%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">100%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>最后修改<code>_config.butterfly.yml</code>中<code>preloader</code>选项, 改完以后<code>source: 1</code>为满屏加载无pace胶囊,<code>source: 2</code>为pace胶囊无满屏动画, <code>source: 3</code>是两者都启用。<psw>（这边懒得说就搬运的鱼佬那加载动画的教程了。。。。。反正都一样。。。。。）</psw><figure class="highlight yml"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br></pre></td><td class="code"><pre><span class="line"><span class="comment"># Loading Animation (加载动画)</span></span><br><span class="line"><span class="attr">preloader:</span></span><br><span class="line"> <span class="attr">enable:</span> <span class="literal">true</span></span><br><span class="line"> <span class="comment"># source</span></span><br><span class="line"> <span class="comment"># 1. fullpage-loading</span></span><br><span class="line"> <span class="comment"># 2. pace (progress bar)</span></span><br><span class="line"> <span class="comment"># else all</span></span><br><span class="line"> <span class="attr">source:</span> <span class="number">3</span></span><br><span class="line"> <span class="comment"># pace theme (see https://codebyzach.github.io/pace/)</span></span><br><span class="line"> <span class="attr">pace_css_url:</span> <span class="string">/css/progress_bar.css</span></span><br><span class="line"> <span class="attr">avatar:</span> <span class="comment"># 自定义头像</span></span><br></pre></td></tr></table></figure></li></ol><h3 id="butterfly-4-4-2-以下版本方案"><a href="#butterfly-4-4-2-以下版本方案" class="headerlink" title="butterfly 4.4.2 以下版本方案"></a>butterfly 4.4.2 以下版本方案</h3><ol><li><p>修改<code>[Blogroot]\themes\butterfly\source\css\_layout\loading.styl</code>，复制以下代码替换全部内容。</p><figure class="highlight stylus"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br><span class="line">34</span><br><span class="line">35</span><br><span class="line">36</span><br><span class="line">37</span><br><span class="line">38</span><br><span class="line">39</span><br><span class="line">40</span><br><span class="line">41</span><br><span class="line">42</span><br><span class="line">43</span><br><span class="line">44</span><br><span class="line">45</span><br><span class="line">46</span><br><span class="line">47</span><br><span class="line">48</span><br><span class="line">49</span><br><span class="line">50</span><br><span class="line">51</span><br><span class="line">52</span><br><span class="line">53</span><br><span class="line">54</span><br><span class="line">55</span><br><span class="line">56</span><br><span class="line">57</span><br><span class="line">58</span><br><span class="line">59</span><br><span class="line">60</span><br><span class="line">61</span><br><span class="line">62</span><br><span class="line">63</span><br><span class="line">64</span><br><span class="line">65</span><br><span class="line">66</span><br><span class="line">67</span><br><span class="line">68</span><br><span class="line">69</span><br><span class="line">70</span><br><span class="line">71</span><br><span class="line">72</span><br><span class="line">73</span><br><span class="line">74</span><br><span class="line">75</span><br><span class="line">76</span><br><span class="line">77</span><br><span class="line">78</span><br><span class="line">79</span><br><span class="line">80</span><br><span class="line">81</span><br><span class="line">82</span><br><span class="line">83</span><br><span class="line">84</span><br><span class="line">85</span><br><span class="line">86</span><br><span class="line">87</span><br><span class="line">88</span><br><span class="line">89</span><br><span class="line">90</span><br><span class="line">91</span><br><span class="line">92</span><br><span class="line">93</span><br><span class="line">94</span><br><span class="line">95</span><br><span class="line">96</span><br><span class="line">97</span><br><span class="line">98</span><br><span class="line">99</span><br><span class="line">100</span><br><span class="line">101</span><br><span class="line">102</span><br><span class="line">103</span><br><span class="line">104</span><br><span class="line">105</span><br><span class="line">106</span><br><span class="line">107</span><br><span class="line">108</span><br><span class="line">109</span><br><span class="line">110</span><br><span class="line">111</span><br><span class="line">112</span><br><span class="line">113</span><br><span class="line">114</span><br><span class="line">115</span><br><span class="line">116</span><br><span class="line">117</span><br><span class="line">118</span><br><span class="line">119</span><br><span class="line">120</span><br><span class="line">121</span><br><span class="line">122</span><br><span class="line">123</span><br><span class="line">124</span><br><span class="line">125</span><br><span class="line">126</span><br><span class="line">127</span><br><span class="line">128</span><br><span class="line">129</span><br><span class="line">130</span><br><span class="line">131</span><br><span class="line">132</span><br><span class="line">133</span><br><span class="line">134</span><br><span class="line">135</span><br><span class="line">136</span><br><span class="line">137</span><br><span class="line">138</span><br><span class="line">139</span><br><span class="line">140</span><br><span class="line">141</span><br><span class="line">142</span><br><span class="line">143</span><br><span class="line">144</span><br><span class="line">145</span><br><span class="line">146</span><br><span class="line">147</span><br><span class="line">148</span><br><span class="line">149</span><br><span class="line">150</span><br><span class="line">151</span><br><span class="line">152</span><br><span class="line">153</span><br><span class="line">154</span><br><span class="line">155</span><br><span class="line">156</span><br><span class="line">157</span><br><span class="line">158</span><br><span class="line">159</span><br><span class="line">160</span><br><span class="line">161</span><br><span class="line">162</span><br><span class="line">163</span><br><span class="line">164</span><br><span class="line">165</span><br><span class="line">166</span><br><span class="line">167</span><br><span class="line">168</span><br><span class="line">169</span><br><span class="line">170</span><br><span class="line">171</span><br><span class="line">172</span><br><span class="line">173</span><br><span class="line">174</span><br><span class="line">175</span><br><span class="line">176</span><br><span class="line">177</span><br><span class="line">178</span><br><span class="line">179</span><br><span class="line">180</span><br><span class="line">181</span><br><span class="line">182</span><br><span class="line">183</span><br><span class="line">184</span><br><span class="line">185</span><br><span class="line">186</span><br><span class="line">187</span><br><span class="line">188</span><br><span class="line">189</span><br><span class="line">190</span><br><span class="line">191</span><br><span class="line">192</span><br><span class="line">193</span><br><span class="line">194</span><br><span class="line">195</span><br><span class="line">196</span><br><span class="line">197</span><br><span class="line">198</span><br><span class="line">199</span><br><span class="line">200</span><br><span class="line">201</span><br><span class="line">202</span><br><span class="line">203</span><br><span class="line">204</span><br><span class="line">205</span><br><span class="line">206</span><br><span class="line">207</span><br><span class="line">208</span><br><span class="line">209</span><br><span class="line">210</span><br><span class="line">211</span><br><span class="line">212</span><br><span class="line">213</span><br><span class="line">214</span><br><span class="line">215</span><br><span class="line">216</span><br><span class="line">217</span><br><span class="line">218</span><br><span class="line">219</span><br><span class="line">220</span><br><span class="line">221</span><br><span class="line">222</span><br><span class="line">223</span><br><span class="line">224</span><br><span class="line">225</span><br><span class="line">226</span><br><span class="line">227</span><br><span class="line">228</span><br><span class="line">229</span><br><span class="line">230</span><br><span class="line">231</span><br><span class="line">232</span><br><span class="line">233</span><br><span class="line">234</span><br><span class="line">235</span><br><span class="line">236</span><br><span class="line">237</span><br><span class="line">238</span><br><span class="line">239</span><br><span class="line">240</span><br><span class="line">241</span><br><span class="line">242</span><br><span class="line">243</span><br><span class="line">244</span><br><span class="line">245</span><br><span class="line">246</span><br><span class="line">247</span><br><span class="line">248</span><br><span class="line">249</span><br><span class="line">250</span><br><span class="line">251</span><br><span class="line">252</span><br><span class="line">253</span><br><span class="line">254</span><br><span class="line">255</span><br><span class="line">256</span><br><span class="line">257</span><br><span class="line">258</span><br><span class="line">259</span><br><span class="line">260</span><br><span class="line">261</span><br><span class="line">262</span><br><span class="line">263</span><br><span class="line">264</span><br><span class="line">265</span><br><span class="line">266</span><br><span class="line">267</span><br><span class="line">268</span><br><span class="line">269</span><br><span class="line">270</span><br><span class="line">271</span><br><span class="line">272</span><br><span class="line">273</span><br><span class="line">274</span><br><span class="line">275</span><br><span class="line">276</span><br><span class="line">277</span><br><span class="line">278</span><br><span class="line">279</span><br><span class="line">280</span><br><span class="line">281</span><br><span class="line">282</span><br><span class="line">283</span><br><span class="line">284</span><br><span class="line">285</span><br><span class="line">286</span><br><span class="line">287</span><br><span class="line">288</span><br><span class="line">289</span><br><span class="line">290</span><br><span class="line">291</span><br><span class="line">292</span><br><span class="line">293</span><br><span class="line">294</span><br><span class="line">295</span><br><span class="line">296</span><br><span class="line">297</span><br><span class="line">298</span><br><span class="line">299</span><br><span class="line">300</span><br><span class="line">301</span><br><span class="line">302</span><br><span class="line">303</span><br><span class="line">304</span><br><span class="line">305</span><br><span class="line">306</span><br><span class="line">307</span><br><span class="line">308</span><br><span class="line">309</span><br><span class="line">310</span><br><span class="line">311</span><br><span class="line">312</span><br><span class="line">313</span><br><span class="line">314</span><br><span class="line">315</span><br><span class="line">316</span><br><span class="line">317</span><br><span class="line">318</span><br><span class="line">319</span><br><span class="line">320</span><br><span class="line">321</span><br><span class="line">322</span><br><span class="line">323</span><br><span class="line">324</span><br><span class="line">325</span><br><span class="line">326</span><br><span class="line">327</span><br><span class="line">328</span><br><span class="line">329</span><br><span class="line">330</span><br><span class="line">331</span><br><span class="line">332</span><br><span class="line">333</span><br><span class="line">334</span><br><span class="line">335</span><br><span class="line">336</span><br><span class="line">337</span><br><span class="line">338</span><br><span class="line">339</span><br><span class="line">340</span><br><span class="line">341</span><br><span class="line">342</span><br><span class="line">343</span><br><span class="line">344</span><br><span class="line">345</span><br><span class="line">346</span><br><span class="line">347</span><br><span class="line">348</span><br><span class="line">349</span><br><span class="line">350</span><br><span class="line">351</span><br><span class="line">352</span><br><span class="line">353</span><br><span class="line">354</span><br><span class="line">355</span><br><span class="line">356</span><br><span class="line">357</span><br><span class="line">358</span><br><span class="line">359</span><br><span class="line">360</span><br><span class="line">361</span><br><span class="line">362</span><br><span class="line">363</span><br><span class="line">364</span><br><span class="line">365</span><br><span class="line">366</span><br><span class="line">367</span><br><span class="line">368</span><br><span class="line">369</span><br><span class="line">370</span><br><span class="line">371</span><br><span class="line">372</span><br><span class="line">373</span><br><span class="line">374</span><br><span class="line">375</span><br><span class="line">376</span><br><span class="line">377</span><br><span class="line">378</span><br><span class="line">379</span><br><span class="line">380</span><br><span class="line">381</span><br><span class="line">382</span><br><span class="line">383</span><br><span class="line">384</span><br><span class="line">385</span><br><span class="line">386</span><br><span class="line">387</span><br><span class="line">388</span><br><span class="line">389</span><br><span class="line">390</span><br><span class="line">391</span><br><span class="line">392</span><br><span class="line">393</span><br><span class="line">394</span><br><span class="line">395</span><br><span class="line">396</span><br><span class="line">397</span><br><span class="line">398</span><br><span class="line">399</span><br><span class="line">400</span><br><span class="line">401</span><br><span class="line">402</span><br><span class="line">403</span><br><span class="line">404</span><br><span class="line">405</span><br><span class="line">406</span><br><span class="line">407</span><br><span class="line">408</span><br><span class="line">409</span><br><span class="line">410</span><br><span class="line">411</span><br><span class="line">412</span><br><span class="line">413</span><br><span class="line">414</span><br><span class="line">415</span><br><span class="line">416</span><br><span class="line">417</span><br><span class="line">418</span><br><span class="line">419</span><br><span class="line">420</span><br><span class="line">421</span><br><span class="line">422</span><br><span class="line">423</span><br><span class="line">424</span><br><span class="line">425</span><br><span class="line">426</span><br><span class="line">427</span><br><span class="line">428</span><br><span class="line">429</span><br><span class="line">430</span><br><span class="line">431</span><br><span class="line">432</span><br><span class="line">433</span><br><span class="line">434</span><br><span class="line">435</span><br><span class="line">436</span><br><span class="line">437</span><br><span class="line">438</span><br><span class="line">439</span><br><span class="line">440</span><br><span class="line">441</span><br><span class="line">442</span><br><span class="line">443</span><br><span class="line">444</span><br><span class="line">445</span><br><span class="line">446</span><br><span class="line">447</span><br><span class="line">448</span><br><span class="line">449</span><br><span class="line">450</span><br><span class="line">451</span><br><span class="line">452</span><br><span class="line">453</span><br><span class="line">454</span><br><span class="line">455</span><br><span class="line">456</span><br><span class="line">457</span><br><span class="line">458</span><br><span class="line">459</span><br><span class="line">460</span><br><span class="line">461</span><br><span class="line">462</span><br><span class="line">463</span><br><span class="line">464</span><br><span class="line">465</span><br><span class="line">466</span><br><span class="line">467</span><br><span class="line">468</span><br><span class="line">469</span><br><span class="line">470</span><br><span class="line">471</span><br><span class="line">472</span><br><span class="line">473</span><br><span class="line">474</span><br><span class="line">475</span><br><span class="line">476</span><br><span class="line">477</span><br></pre></td><td class="code"><pre><span class="line"><span class="selector-id">#loading-box</span></span><br><span class="line"> <span class="attribute">width</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">margin</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">padding</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background</span>: <span class="number">#036</span>;</span><br><span class="line"> <span class="attribute">overflow</span>: hidden;</span><br><span class="line"> <span class="attribute">position</span> : fixed;</span><br><span class="line"> <span class="attribute">font</span>: <span class="number">13px</span>/<span class="number">1.4</span> Helvetica, arial, freesans, clean, sans-serif, <span class="string">&quot;Segoe UI Emoji&quot;</span>, <span class="string">&quot;Segoe UI Symbol&quot;</span>;</span><br><span class="line"> <span class="attribute">z-index</span>: <span class="number">9999</span>;</span><br><span class="line"> <span class="attribute">opacity</span>: <span class="number">1</span>;</span><br><span class="line"></span><br><span class="line"> &amp;<span class="selector-class">.loaded</span></span><br><span class="line"> <span class="attribute">opacity</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">z-index</span>: -<span class="number">1000</span>;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.sprite</span>, <span class="selector-class">.body</span>, <span class="selector-class">.head</span>, <span class="selector-class">.rainbow</span> <span class="selector-tag">span</span>, <span class="selector-class">.feet</span>, <span class="selector-class">.tail</span> <span class="selector-tag">span</span>, <span class="selector-class">.stars</span> <span class="selector-class">.star</span></span><br><span class="line"> <span class="attribute">position</span>: absolute;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0px</span>,<span class="number">0</span> <span class="number">5px</span>,<span class="number">0</span> <span class="number">10px</span>,<span class="number">0</span> <span class="number">15px</span>,<span class="number">0</span> <span class="number">20px</span>,<span class="number">0</span> <span class="number">25px</span>,<span class="number">0</span> <span class="number">30px</span>,<span class="number">0</span> <span class="number">35px</span>,<span class="number">0</span> <span class="number">40px</span>,<span class="number">0</span> <span class="number">45px</span>,<span class="number">0</span> <span class="number">50px</span>,<span class="number">0</span> <span class="number">55px</span>,<span class="number">0</span> <span class="number">60px</span>,<span class="number">0</span> <span class="number">65px</span>,<span class="number">0</span> <span class="number">70px</span>,<span class="number">0</span> <span class="number">75px</span>,<span class="number">0</span> <span class="number">80px</span>,<span class="number">0</span> <span class="number">85px</span>,<span class="number">0</span> <span class="number">90px</span>,<span class="number">0</span> <span class="number">95px</span>,<span class="number">0</span> <span class="number">100px</span>,<span class="number">0</span> <span class="number">105px</span>,<span class="number">0</span> <span class="number">110px</span>,<span class="number">0</span> <span class="number">115px</span>,<span class="number">0</span> <span class="number">120px</span>,<span class="number">0</span> <span class="number">125px</span>;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">100%</span> <span class="number">5px</span>;</span><br><span class="line"> <span class="attribute">background-repeat</span>: no-repeat;</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.nyan-cat</span></span><br><span class="line"> <span class="attribute">position</span>: fixed;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">50%</span>;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">50%</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">165px</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">100px</span>;</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> <span class="attribute">margin-left</span>: -<span class="number">82px</span>;</span><br><span class="line"> -webkit-<span class="attribute">animation</span>: nyan <span class="number">400ms</span> step-start infinite;</span><br><span class="line"> <span class="attribute">animation</span>: nyan <span class="number">400ms</span> step-start infinite;</span><br><span class="line"> <span class="attribute">z-index</span>: <span class="number">19999</span>;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.body</span></span><br><span class="line"> <span class="attribute">left</span>: <span class="number">35px</span>;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">105px</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">90px</span>;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.head</span></span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">80px</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">65px</span>;</span><br><span class="line"> -webkit-<span class="attribute">animation</span>: head <span class="number">400ms</span> linear infinite;</span><br><span class="line"> <span class="attribute">animation</span>: head <span class="number">400ms</span> linear infinite;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.rainbow</span></span><br><span class="line"> <span class="attribute">position</span>: fixed;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">50%</span>;</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">35px</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">50%</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">65px</span>;</span><br><span class="line"> <span class="attribute">overflow</span>: hidden;</span><br><span class="line"> <span class="attribute">z-index</span>: <span class="number">18888</span>;</span><br><span class="line"></span><br><span class="line"> <span class="selector-tag">span</span></span><br><span class="line"> <span class="attribute">display</span>: block;</span><br><span class="line"> <span class="attribute">position</span>: relative;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">130px</span>;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">80px</span> <span class="number">5px</span>;</span><br><span class="line"> <span class="attribute">background-repeat</span>: repeat-x;</span><br><span class="line"> -webkit-<span class="attribute">animation</span>: rainbow <span class="number">400ms</span> step-start infinite;</span><br><span class="line"> <span class="attribute">animation</span>: rainbow <span class="number">400ms</span> step-start infinite;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.feet</span></span><br><span class="line"> <span class="attribute">left</span>: <span class="number">20px</span>;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">75px</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">120px</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">25px</span>;</span><br><span class="line"> -webkit-<span class="attribute">animation</span>: feet <span class="number">400ms</span> infinite;</span><br><span class="line"> <span class="attribute">animation</span>: feet <span class="number">400ms</span> infinite;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.tail</span></span><br><span class="line"> <span class="attribute">position</span>: relative;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">30px</span>;</span><br><span class="line"> <span class="attribute">overflow</span>: hidden;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">30px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">10px</span>;</span><br><span class="line"></span><br><span class="line"> <span class="selector-tag">span</span></span><br><span class="line"> <span class="attribute">width</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">120px</span>;</span><br><span class="line"> -webkit-<span class="attribute">animation</span>: tail <span class="number">200ms</span> step-start infinite alternate;</span><br><span class="line"> <span class="attribute">animation</span>: tail <span class="number">200ms</span> step-start infinite alternate;</span><br><span class="line"> </span><br><span class="line"> <span class="selector-class">.sparks-combo</span> </span><br><span class="line"> <span class="attribute">height</span>: <span class="number">300px</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">200%</span>;</span><br><span class="line"> <span class="attribute">position</span>: relative;</span><br><span class="line"> <span class="attribute">animation</span>: woosh <span class="number">700ms</span> <span class="number">0ms</span> linear infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.spark</span> </span><br><span class="line"> <span class="attribute">z-index</span>: <span class="number">1</span>;</span><br><span class="line"> <span class="attribute">position</span>: absolute;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">background-color</span>: transparent;</span><br><span class="line"> <span class="attribute">background</span>: <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">6px</span>, transparent <span class="number">6px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">6px</span>, transparent <span class="number">6px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">6px</span>, transparent <span class="number">6px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">6px</span>, transparent <span class="number">6px</span>, transparent <span class="number">400px</span>) repeat-x;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&amp;:before</span> </span><br><span class="line"> <span class="attribute">background</span>: <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">5px</span>, transparent <span class="number">5px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">5px</span>, transparent <span class="number">5px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">5px</span>, transparent <span class="number">5px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">5px</span>, transparent <span class="number">5px</span>, transparent <span class="number">400px</span>) repeat-x;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&amp;:after</span> </span><br><span class="line"> <span class="attribute">background</span>: <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">6px</span>, transparent <span class="number">6px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">6px</span>, transparent <span class="number">6px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">11px</span>, transparent <span class="number">11px</span>, transparent <span class="number">400px</span>) repeat-x, <span class="built_in">linear-gradient</span>(to right, white <span class="number">0px</span>, white <span class="number">11px</span>, transparent <span class="number">11px</span>, transparent <span class="number">400px</span>) repeat-x;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&amp;:before</span>,<span class="selector-pseudo">&amp;:after</span> </span><br><span class="line"> <span class="attribute">content</span>: <span class="string">&#x27;&#x27;</span>;</span><br><span class="line"> <span class="attribute">position</span>: absolute;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">background-color</span>: transparent;</span><br><span class="line"> </span><br><span class="line"> </span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&amp;:nth-child</span>(<span class="number">1</span>) </span><br><span class="line"> <span class="attribute">z-index</span>: <span class="number">3</span>;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">20px</span>;</span><br><span class="line"> <span class="attribute">animation</span>: sparkly <span class="number">700ms</span> <span class="number">0ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&amp;:nth-child</span>(<span class="number">1</span>)<span class="selector-pseudo">:before</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-before <span class="number">700ms</span> <span class="number">0ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&amp;:nth-child</span>(<span class="number">1</span>)<span class="selector-pseudo">:after</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-after <span class="number">700ms</span> <span class="number">0ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&amp;:nth-child</span>(<span class="number">2</span>) </span><br><span class="line"> <span class="attribute">top</span>: <span class="number">40px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">170px</span>;</span><br><span class="line"> <span class="attribute">animation</span>: sparkly <span class="number">700ms</span> <span class="number">200ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&amp;:nth-child</span>(<span class="number">2</span>)<span class="selector-pseudo">:before</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-before <span class="number">700ms</span> <span class="number">200ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&amp;:nth-child</span>(<span class="number">2</span>)<span class="selector-pseudo">:after</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-after <span class="number">700ms</span> <span class="number">200ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&amp;:nth-child</span>(<span class="number">3</span>) </span><br><span class="line"> <span class="attribute">top</span>: <span class="number">100px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">320px</span>;</span><br><span class="line"> <span class="attribute">animation</span>: sparkly <span class="number">700ms</span> <span class="number">400ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&amp;:nth-child</span>(<span class="number">3</span>)<span class="selector-pseudo">:before</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-before <span class="number">700ms</span> <span class="number">400ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&amp;:nth-child</span>(<span class="number">3</span>)<span class="selector-pseudo">:after</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-after <span class="number">700ms</span> <span class="number">400ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&amp;:nth-child</span>(<span class="number">4</span>) </span><br><span class="line"> <span class="attribute">top</span>: <span class="number">150px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">200px</span>;</span><br><span class="line"> <span class="attribute">animation</span>: sparkly <span class="number">700ms</span> <span class="number">600ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&amp;:nth-child</span>(<span class="number">4</span>)<span class="selector-pseudo">:before</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-before <span class="number">700ms</span> <span class="number">600ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"> <span class="selector-pseudo">&amp;:nth-child</span>(<span class="number">4</span>)<span class="selector-pseudo">:after</span> </span><br><span class="line"> <span class="attribute">animation</span>: sparkly-after <span class="number">700ms</span> <span class="number">600ms</span> <span class="built_in">steps</span>(<span class="number">1</span>) infinite both;</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.body</span></span><br><span class="line"> <span class="attribute">background-image</span>: <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#000000</span> <span class="number">95px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">20px</span>, <span class="number">#fe91fe</span> <span class="number">20px</span>, <span class="number">#fe91fe</span> <span class="number">85px</span>, <span class="number">#f9d28f</span> <span class="number">85px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">15px</span>, <span class="number">#fe91fe</span> <span class="number">15px</span>, <span class="number">#fe91fe</span> <span class="number">45px</span>, <span class="number">#f90297</span> <span class="number">45px</span>, <span class="number">#f90297</span> <span class="number">50px</span>, <span class="number">#fe91fe</span> <span class="number">50px</span>, <span class="number">#fe91fe</span> <span class="number">60px</span>, <span class="number">#f90297</span> <span class="number">60px</span>, <span class="number">#f90297</span> <span class="number">65px</span>, <span class="number">#fe91fe</span> <span class="number">65px</span>, <span class="number">#fe91fe</span> <span class="number">90px</span>, <span class="number">#f9d28f</span> <span class="number">90px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">20px</span>, <span class="number">#f90297</span> <span class="number">20px</span>, <span class="number">#f90297</span> <span class="number">25px</span>, <span class="number">#fe91fe</span> <span class="number">25px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">80px</span>, <span class="number">#f90297</span> <span class="number">80px</span>, <span class="number">#f90297</span> <span class="number">85px</span>, <span class="number">#fe91fe</span> <span class="number">85px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">40px</span>, <span class="number">#f90297</span> <span class="number">40px</span>, <span class="number">#f90297</span> <span class="number">45px</span>, <span class="number">#fe91fe</span> <span class="number">45px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">25px</span>, <span class="number">#f90297</span> <span class="number">25px</span>, <span class="number">#f90297</span> <span class="number">30px</span>, <span class="number">#fe91fe</span> <span class="number">30px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">45px</span>, <span class="number">#f90297</span> <span class="number">45px</span>, <span class="number">#f90297</span> <span class="number">50px</span>, <span class="number">#fe91fe</span> <span class="number">50px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">15px</span>, <span class="number">#f90297</span> <span class="number">15px</span>, <span class="number">#f90297</span> <span class="number">20px</span>, <span class="number">#fe91fe</span> <span class="number">20px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">10px</span>, <span class="number">#fe91fe</span> <span class="number">35px</span>, <span class="number">#f90297</span> <span class="number">35px</span>, <span class="number">#f90297</span> <span class="number">40px</span>, <span class="number">#fe91fe</span> <span class="number">40px</span>, <span class="number">#fe91fe</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">15px</span>, <span class="number">#fe91fe</span> <span class="number">15px</span>, <span class="number">#fe91fe</span> <span class="number">20px</span>, <span class="number">#f90297</span> <span class="number">20px</span>, <span class="number">#f90297</span> <span class="number">25px</span>, <span class="number">#fe91fe</span> <span class="number">25px</span>, <span class="number">#fe91fe</span> <span class="number">90px</span>, <span class="number">#f9d28f</span> <span class="number">90px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">5px</span>, <span class="number">#f9d28f</span> <span class="number">20px</span>, <span class="number">#fe91fe</span> <span class="number">20px</span>, <span class="number">#fe91fe</span> <span class="number">85px</span>, <span class="number">#f9d28f</span> <span class="number">85px</span>, <span class="number">#f9d28f</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#f9d28f</span> <span class="number">10px</span>, <span class="number">#f9d28f</span> <span class="number">95px</span>, <span class="number">#000000</span> <span class="number">95px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">105px</span>);</span><br><span class="line"> </span><br><span class="line"> <span class="selector-class">.head</span> </span><br><span class="line"> <span class="attribute">background-image</span>: <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">60px</span>, <span class="number">#000000</span> <span class="number">60px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">70px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">105px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">25px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">55px</span>, <span class="number">#000000</span> <span class="number">55px</span>, <span class="number">#000000</span> <span class="number">60px</span>, <span class="number">#9d9d9d</span> <span class="number">60px</span>, <span class="number">#9d9d9d</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">30px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">50px</span>, <span class="number">#000000</span> <span class="number">50px</span>, <span class="number">#000000</span> <span class="number">55px</span>, <span class="number">#9d9d9d</span> <span class="number">55px</span>, <span class="number">#9d9d9d</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">30px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="number">#000000</span> <span class="number">35px</span>, <span class="number">#000000</span> <span class="number">35px</span>, <span class="number">#000000</span> <span class="number">50px</span>, <span class="number">#9d9d9d</span> <span class="number">50px</span>, <span class="number">#9d9d9d</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#ffffff</span> <span class="number">20px</span>, <span class="number">#ffffff</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">55px</span>, <span class="number">#ffffff</span> <span class="number">55px</span>, <span class="number">#ffffff</span> <span class="number">60px</span>, <span class="number">#000000</span> <span class="number">60px</span>, <span class="number">#000000</span> <span class="number">65px</span>, <span class="number">#9d9d9d</span> <span class="number">65px</span>, <span class="number">#9d9d9d</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">45px</span>, <span class="number">#000000</span> <span class="number">45px</span>, <span class="number">#000000</span> <span class="number">50px</span>, <span class="number">#9d9d9d</span> <span class="number">50px</span>, <span class="number">#9d9d9d</span> <span class="number">55px</span>, <span class="number">#000000</span> <span class="number">55px</span>, <span class="number">#000000</span> <span class="number">65px</span>, <span class="number">#9d9d9d</span> <span class="number">65px</span>, <span class="number">#9d9d9d</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#ff9593</span> <span class="number">10px</span>, <span class="number">#ff9593</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">65px</span>, <span class="number">#ff9593</span> <span class="number">65px</span>, <span class="number">#ff9593</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#ff9593</span> <span class="number">10px</span>, <span class="number">#ff9593</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">40px</span>, <span class="number">#000000</span> <span class="number">40px</span>, <span class="number">#000000</span> <span class="number">45px</span>, <span class="number">#9d9d9d</span> <span class="number">45px</span>, <span class="number">#9d9d9d</span> <span class="number">55px</span>, <span class="number">#000000</span> <span class="number">55px</span>, <span class="number">#000000</span> <span class="number">60px</span>, <span class="number">#9d9d9d</span> <span class="number">60px</span>, <span class="number">#9d9d9d</span> <span class="number">65px</span>, <span class="number">#ff9593</span> <span class="number">65px</span>, <span class="number">#ff9593</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">60px</span>, <span class="number">#9d9d9d</span> <span class="number">60px</span>, <span class="number">#9d9d9d</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">75px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>, <span class="number">#9d9d9d</span> <span class="number">65px</span>, <span class="number">#000000</span> <span class="number">65px</span>, <span class="number">#000000</span> <span class="number">70px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">70px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">65px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">65px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>);</span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.rainbow</span> &gt; <span class="selector-tag">span</span> </span><br><span class="line"> <span class="attribute">background-image</span>: <span class="built_in">linear-gradient</span>(to right, <span class="number">#fe0000</span> <span class="number">0%</span>, <span class="number">#fe0000</span> <span class="number">50%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">50%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#fe0000</span> <span class="number">0%</span>, <span class="number">#fe0000</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffa500</span> <span class="number">0%</span>, <span class="number">#ffa500</span> <span class="number">50%</span>, <span class="number">#fe0000</span> <span class="number">50%</span>, <span class="number">#fe0000</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffa500</span> <span class="number">0%</span>, <span class="number">#ffa500</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffff00</span> <span class="number">0%</span>, <span class="number">#ffff00</span> <span class="number">50%</span>, <span class="number">#ffa500</span> <span class="number">50%</span>, <span class="number">#ffa500</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffff00</span> <span class="number">0%</span>, <span class="number">#ffff00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#00fb00</span> <span class="number">0%</span>, <span class="number">#00fb00</span> <span class="number">50%</span>, <span class="number">#ffff00</span> <span class="number">50%</span>, <span class="number">#ffff00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#00fb00</span> <span class="number">0%</span>, <span class="number">#00fb00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#009eff</span> <span class="number">0%</span>, <span class="number">#009eff</span> <span class="number">50%</span>, <span class="number">#00fb00</span> <span class="number">50%</span>, <span class="number">#00fb00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#009eff</span> <span class="number">0%</span>, <span class="number">#009eff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#6531ff</span> <span class="number">0%</span>, <span class="number">#6531ff</span> <span class="number">50%</span>, <span class="number">#009eff</span> <span class="number">50%</span>, <span class="number">#009eff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#6531ff</span> <span class="number">0%</span>, <span class="number">#6531ff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">50%</span>, <span class="number">#6531ff</span> <span class="number">50%</span>, <span class="number">#6531ff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">50%</span>, <span class="number">#fe0000</span> <span class="number">50%</span>, <span class="number">#fe0000</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#fe0000</span> <span class="number">0%</span>, <span class="number">#fe0000</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#fe0000</span> <span class="number">0%</span>, <span class="number">#fe0000</span> <span class="number">50%</span>, <span class="number">#ffa500</span> <span class="number">50%</span>, <span class="number">#ffa500</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffa500</span> <span class="number">0%</span>, <span class="number">#ffa500</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffa500</span> <span class="number">0%</span>, <span class="number">#ffa500</span> <span class="number">50%</span>, <span class="number">#ffff00</span> <span class="number">50%</span>, <span class="number">#ffff00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffff00</span> <span class="number">0%</span>, <span class="number">#ffff00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#ffff00</span> <span class="number">0%</span>, <span class="number">#ffff00</span> <span class="number">50%</span>, <span class="number">#00fb00</span> <span class="number">50%</span>, <span class="number">#00fb00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#00fb00</span> <span class="number">0%</span>, <span class="number">#00fb00</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#00fb00</span> <span class="number">0%</span>, <span class="number">#00fb00</span> <span class="number">50%</span>, <span class="number">#009eff</span> <span class="number">50%</span>, <span class="number">#009eff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#009eff</span> <span class="number">0%</span>, <span class="number">#009eff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#009eff</span> <span class="number">0%</span>, <span class="number">#009eff</span> <span class="number">50%</span>, <span class="number">#6531ff</span> <span class="number">50%</span>, <span class="number">#6531ff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#6531ff</span> <span class="number">0%</span>, <span class="number">#6531ff</span> <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#6531ff</span> <span class="number">0%</span>, <span class="number">#6531ff</span> <span class="number">50%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">50%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100%</span>);</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.feet</span> </span><br><span class="line"> <span class="attribute">background-image</span>: <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">25px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">120px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">110px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">110px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">120px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">35px</span>, <span class="number">#9d9d9d</span> <span class="number">35px</span>, <span class="number">#9d9d9d</span> <span class="number">40px</span>, <span class="number">#000000</span> <span class="number">40px</span>, <span class="number">#000000</span> <span class="number">80px</span>, <span class="number">#9d9d9d</span> <span class="number">80px</span>, <span class="number">#9d9d9d</span> <span class="number">110px</span>, <span class="number">#000000</span> <span class="number">110px</span>, <span class="number">#000000</span> <span class="number">115px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">115px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">120px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">25px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">30px</span>, <span class="number">#9d9d9d</span> <span class="number">40px</span>, <span class="number">#000000</span> <span class="number">40px</span>, <span class="number">#000000</span> <span class="number">45px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">45px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">75px</span>, <span class="number">#000000</span> <span class="number">80px</span>, <span class="number">#9d9d9d</span> <span class="number">80px</span>, <span class="number">#9d9d9d</span> <span class="number">90px</span>, <span class="number">#000000</span> <span class="number">90px</span>, <span class="number">#000000</span> <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">100px</span>, <span class="number">#000000</span> <span class="number">105px</span>, <span class="number">#9d9d9d</span> <span class="number">105px</span>, <span class="number">#9d9d9d</span> <span class="number">115px</span>, <span class="number">#000000</span> <span class="number">115px</span>, <span class="number">#000000</span> <span class="number">120px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">15px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">30px</span>, <span class="number">#000000</span> <span class="number">30px</span>, <span class="number">#000000</span> <span class="number">45px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">45px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">80px</span>, <span class="number">#000000</span> <span class="number">80px</span>, <span class="number">#000000</span> <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">95px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">105px</span>, <span class="number">#000000</span> <span class="number">105px</span>, <span class="number">#000000</span> <span class="number">120px</span>);</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"> <span class="selector-class">.tail</span> &gt; <span class="selector-tag">span</span> </span><br><span class="line"> <span class="attribute">background-image</span>: <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">15px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">25px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">100%</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">20px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">10px</span>, <span class="number">#9d9d9d</span> <span class="number">20px</span>, <span class="number">#000000</span> <span class="number">20px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="number">#000000</span> <span class="number">0%</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">5px</span>, <span class="number">#9d9d9d</span> <span class="number">15px</span>, <span class="number">#000000</span> <span class="number">15px</span>), <span class="built_in">linear-gradient</span>(to right, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">0%</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">5px</span>, <span class="number">#000000</span> <span class="number">15px</span>, <span class="built_in">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>) <span class="number">15px</span>);</span><br><span class="line"></span><br><span class="line"><span class="keyword">@-webkit-keyframes</span> rainbow &#123;</span><br><span class="line"> <span class="number">0%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">50%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">100%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">65px</span>;</span><br><span class="line"> &#125;</span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line"><span class="keyword">@keyframes</span> rainbow &#123;</span><br><span class="line"> <span class="number">0%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">50%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">100%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">65px</span>;</span><br><span class="line"> &#125;</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">@-webkit-keyframes</span> nyan &#123;</span><br><span class="line"> <span class="number">0%</span> &#123;</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">10%</span> &#123;</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">80%</span> &#123;</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">53px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">100%</span> &#123;</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> &#125;</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">@keyframes</span> nyan &#123;</span><br><span class="line"> <span class="number">0%</span> &#123;</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">10%</span> &#123;</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">80%</span> &#123;</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">53px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">100%</span> &#123;</span><br><span class="line"> <span class="attribute">margin-top</span>: -<span class="number">50px</span>;</span><br><span class="line"> &#125;</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">@-webkit-keyframes</span> feet &#123;</span><br><span class="line"> <span class="number">0%</span> &#123;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">20px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">100%</span> &#123;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">30px</span>;</span><br><span class="line"> &#125;</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">@keyframes</span> feet &#123;</span><br><span class="line"> <span class="number">0%</span> &#123;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">20px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">100%</span> &#123;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">30px</span>;</span><br><span class="line"> &#125;</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">@-webkit-keyframes</span> head &#123;</span><br><span class="line"> <span class="number">0%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">24.99%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">25%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">88px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">49.99%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">88px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">50%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">74.99%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">75%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">82px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">99.99%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">82px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">100%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> &#125;</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">@keyframes</span> head &#123;</span><br><span class="line"> <span class="number">0%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">24.99%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">25%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">88px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">49.99%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">88px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">50%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">74.99%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">75%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">82px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">99.99%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">22px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">82px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">100%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">25px</span>;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">85px</span>;</span><br><span class="line"> &#125;</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">@-webkit-keyframes</span> tail &#123;</span><br><span class="line"> <span class="number">0%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">25%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">49.99%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">50%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">30px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">74.99%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">30px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">75%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">60px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">99.99%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">60px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">100%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">90px</span>;</span><br><span class="line"> &#125;</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">@keyframes</span> tail &#123;</span><br><span class="line"> <span class="number">0%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">25%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">49.99%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">50%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">30px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">74.99%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">30px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">75%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">60px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">99.99%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">60px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">100%</span> &#123;</span><br><span class="line"> <span class="attribute">top</span>: -<span class="number">90px</span>;</span><br><span class="line"> &#125;</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">@keyframes</span> woosh &#123;</span><br><span class="line"> <span class="number">0%</span> &#123;</span><br><span class="line"> <span class="attribute">left</span>: <span class="number">0px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">100%</span> &#123;</span><br><span class="line"> <span class="attribute">left</span>: -<span class="number">400px</span>;</span><br><span class="line"> &#125;</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">@keyframes</span> sparkly &#123;</span><br><span class="line"> <span class="number">0%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">6px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">17px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">16%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">0</span>, <span class="number">34px</span> <span class="number">17px</span>, <span class="number">17px</span> <span class="number">34px</span>, <span class="number">0</span> <span class="number">17px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">33%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">0</span>, <span class="number">34px</span> <span class="number">17px</span>, <span class="number">17px</span> <span class="number">34px</span>, <span class="number">0</span> <span class="number">17px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">50%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">6px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">17px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">66%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">11px</span>, <span class="number">400px</span> <span class="number">11px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">6px</span>, <span class="number">17px</span> <span class="number">23px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">83%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">400px</span> <span class="number">5px</span>, <span class="number">400px</span> <span class="number">5px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">11px</span> <span class="number">17px</span>, <span class="number">22px</span> <span class="number">17px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">100%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">6px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">17px</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">@keyframes</span> sparkly-before &#123;</span><br><span class="line"> <span class="number">0%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">16%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">33%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">5px</span>, <span class="number">400px</span> <span class="number">5px</span>, <span class="number">400px</span> <span class="number">5px</span>, <span class="number">400px</span> <span class="number">5px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">6px</span> <span class="number">6px</span>, <span class="number">29px</span> <span class="number">6px</span>, <span class="number">29px</span> <span class="number">29px</span>, <span class="number">6px</span> <span class="number">29px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">50%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">66%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">83%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">400px</span> <span class="number">5px</span>, <span class="number">400px</span> <span class="number">5px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">17px</span> <span class="number">12px</span>, <span class="number">17px</span> <span class="number">22px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">100%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">@keyframes</span> sparkly-after &#123;</span><br><span class="line"> <span class="number">0%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">16%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">33%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">50%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">400px</span> <span class="number">11px</span>, <span class="number">400px</span> <span class="number">11px</span>, <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">17px</span> <span class="number">0</span>, <span class="number">17px</span> <span class="number">29px</span>, <span class="number">0</span> <span class="number">17px</span>, <span class="number">29px</span> <span class="number">17px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">66%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">400px</span> <span class="number">6px</span>, <span class="number">400px</span> <span class="number">6px</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">6px</span> <span class="number">17px</span>, <span class="number">23px</span> <span class="number">17px</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">83%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line"> <span class="number">100%</span> &#123;</span><br><span class="line"> <span class="attribute">background-size</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> <span class="attribute">background-position</span>: <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>, <span class="number">0</span> <span class="number">0</span>;</span><br><span class="line"> &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure></li><li><p>修改<code>[Blogroot]\themes\butterfly\layout\includes\loading\fullpage-loading.pug</code>，复制以下代码替换全部内容。</p></li></ol><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br></pre></td><td class="code"><pre><span class="line">#loading-box(onclick=&#x27;document.getElementById(&quot;loading-box&quot;).classList.add(&quot;loaded&quot;)&#x27;)</span><br><span class="line"> .sparks-combo</span><br><span class="line"> .spark</span><br><span class="line"> .spark</span><br><span class="line"> .spark</span><br><span class="line"> .spark</span><br><span class="line"> .rainbow</span><br><span class="line"> span</span><br><span class="line"> .nyan-cat</span><br><span class="line"> .feet</span><br><span class="line"> .tail</span><br><span class="line"> span</span><br><span class="line"> .body</span><br><span class="line"> .head</span><br><span class="line"> script(src=&quot;/js/nyan.js&quot;)</span><br></pre></td></tr></table></figure>]]></content>
111
111
 
@@ -128,7 +128,7 @@
128
128
  <link href="https://blog.sinzmise.top/posts/15799/"/>
129
129
  <id>https://blog.sinzmise.top/posts/15799/</id>
130
130
  <published>2024-07-30T22:42:19.000Z</published>
131
- <updated>2024-11-09T08:00:35.901Z</updated>
131
+ <updated>2024-11-09T08:45:10.468Z</updated>
132
132
 
133
133
  <content type="html"><![CDATA[<p>依然还是每个月的个人小记啦<br>虽然这个月出了一点事故，但也是有一点惊喜的啦 ~~~<br>话不多说，正片开始<br><span id="more"></span></p><h1 id="初入罗德岛"><a href="#初入罗德岛" class="headerlink" title="初入罗德岛"></a>初入罗德岛</h1><p>看到罗德岛，你们知道我干啥了吧<br>没错，我入坑《明日方舟》了<br>我原本是想说小何让我入坑《绝区零》的事情的，结果那次我祖奶奶过世再加上我弟生病，导致我这几天根本没心情玩<br>也因此对绝区零也没什么太大印象，只能说说方舟的事情</p><p>入坑的是国际服（国服的话。。。。。懂得都懂）<br>但是这暑假的一堆事情和小何给我的一大堆事情，再加上补习，让我没怎么玩过游戏（甚至连ba，赛马娘和大碧蓝都没玩了，）</p><p>后面也懒得给这游戏做评价了，反正游戏嘛，能放轻松就行</p><h1 id="成为小众网vip"><a href="#成为小众网vip" class="headerlink" title="成为小众网vip"></a>成为小众网vip</h1><p>我上篇小记不是收藏了一些机子吗？<br>我之前想给这些机子安装几款游戏玩玩，但是无奈我想找的只有去小众网才有</p><p>于是我花9.9买下小众网一年会员<br>虽然我不怎么下载这里面的软件了。。。。。就当是支持小众网吧~~<br>（反正这个月入手了几台新机子，后面想给这些机子下载软件也很方便）</p><h1 id="淘到的新机子"><a href="#淘到的新机子" class="headerlink" title="淘到的新机子"></a>淘到的新机子</h1><p>还是老样子，来看看我这个月收藏了什么老机子吧：</p><h2 id="三星M128"><a href="#三星M128" class="headerlink" title="三星M128"></a>三星M128</h2><p>这台原计划是两天到达的，但是因为台风导致拖了一天<br><psw>有人甚至还说被风吹飞了，这要是被风吹飞了我可能会当场裂开，毕竟这可是稀有机子，还是奥运会特别纪念手机。。。。。</psw></p><p><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240731/c1a54fbb55916d8f6620dddf757751d.lvmw822eq.jpg" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240731/c1a54fbb55916d8f6620dddf757751d.lvmw822eq.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="1"><br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240731/6fc6b0db81948cb34832ca40e11ec50.6t70wdy9dj.jpg" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240731/6fc6b0db81948cb34832ca40e11ec50.6t70wdy9dj.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="2"></p><p>这台的右键貌似有问题，每次都得用力按一下才能点到右边<br>算了，反正是稀有机子嘛，就别要求这么多啦。。。。</p><h2 id="PPC-三-兄-贵-——-三星Omnia-I900V-I908-I908L"><a href="#PPC-三-兄-贵-——-三星Omnia-I900V-I908-I908L" class="headerlink" title="PPC 三 兄 贵 —— 三星Omnia I900V/I908/I908L"></a>PPC 三 兄 贵 —— 三星Omnia I900V/I908/I908L</h2><p>其实那I900V就是我上个小记说的那PPC，这次确实搞到了三台，只不过是两台I908L和一台I908<br>其中一台I908L屏幕是坏的，刚好我有一台I900V那外壳是坏的，索性就把外壳拆下来装到那I900V上来了</p><p><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240731/613ebc652ab401e77260183401c41b0.2venfpyhas.jpg" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240731/613ebc652ab401e77260183401c41b0.2venfpyhas.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="1"></p><h2 id="第二台摩托罗拉-——-摩托罗拉-明A1200"><a href="#第二台摩托罗拉-——-摩托罗拉-明A1200" class="headerlink" title="第二台摩托罗拉 —— 摩托罗拉 明A1200"></a>第二台摩托罗拉 —— 摩托罗拉 明A1200</h2><p>那次看完《保持通话》这个电影之后就一直想搞台这个了<br>（其实我原本想要的是A1600，然后找不到便宜的，只能a1200）</p><p><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240731/95f222caa18e68ac9f4291bfdb5d4e6.51e21hq6w3.jpg" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240731/95f222caa18e68ac9f4291bfdb5d4e6.51e21hq6w3.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="1"><br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240731/416fd6ec87046b4960c74d571c72ee7.73tupjoth9.jpg" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240731/416fd6ec87046b4960c74d571c72ee7.73tupjoth9.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="2"></p><p>可惜的是这个貌似听筒是坏掉的，后面等我搞到个好的听筒再来发照片吧</p><h2 id="第三台摩托罗拉-——-摩托罗拉-刀锋V3"><a href="#第三台摩托罗拉-——-摩托罗拉-刀锋V3" class="headerlink" title="第三台摩托罗拉 —— 摩托罗拉 刀锋V3"></a>第三台摩托罗拉 —— 摩托罗拉 刀锋V3</h2><p>（别问第一台是什么，第一台是C289，黑白屏的，很久之前从我外婆那边收到的）<br>这台我其实是买了两台<br>有一台被当作另一台的配件机了<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240731/020d1e7c98affcf11c42805e0d173fe.1e8idyuhdn.jpg" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240731/020d1e7c98affcf11c42805e0d173fe.1e8idyuhdn.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="1"><br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240731/f50d9ac7fb46d8f6b7506fb5c34ebe4.2venfpyn60.jpg" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240731/f50d9ac7fb46d8f6b7506fb5c34ebe4.2venfpyn60.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="2"><br>不愧是刀锋，这手感放在2024都不过时<br>可惜的是在此之后摩托罗拉据说是错过了安卓，导致移动业务被收购了。。。。。</p><p>其它的先不展示。。。。。这个月淘到的机子有一点多了。。。。</p><p>以上</p>]]></content>
134
134
 
@@ -149,7 +149,7 @@
149
149
  <link href="https://blog.sinzmise.top/posts/64935/"/>
150
150
  <id>https://blog.sinzmise.top/posts/64935/</id>
151
151
  <published>2024-06-28T22:31:59.000Z</published>
152
- <updated>2024-11-09T08:00:35.901Z</updated>
152
+ <updated>2024-11-09T08:45:10.468Z</updated>
153
153
 
154
154
  <content type="html"><![CDATA[<p>很好，马上就快到暑假了，但我得7月11日才开始正式放暑假。。。。。。<br>（bobo和小何、安小歪都已经开始放暑假了。。。。。。）<br>算了，正片开始吧<br><span id="more"></span></p><h1 id="全站npm化成功"><a href="#全站npm化成功" class="headerlink" title="全站npm化成功"></a>全站npm化成功</h1><p>经历了多次翻车之后，本站的全站npm化终于成功了<br>我那全站npm化的方案与byer那篇文章不同，我的方案是将hexo-swpp和<a href="https://blog.eurekac.cn/p/d3c51290.html">cyanfalse大佬的教程</a>结合起来<br>实现了npm版本自定义更新、采用CacheStorage存储来实现ServiceWorker的全局变量持久化</p><p><del>（结果因为英文站那边出现问题，导致我不得不再次放弃全站npm化）</del>（修好了）</p><h1 id="成功搞indleweb"><a href="#成功搞indleweb" class="headerlink" title="成功搞indleweb"></a>成功搞indleweb</h1><p>之前我说过，要把indleweb搞好的<br>现在终于好了<br>并且已经加入了indleweb webring<br>英文站的话。。。。。还在测试，因为并不是完全是英文的，还在修改</p><h1 id="收藏了几台手机"><a href="#收藏了几台手机" class="headerlink" title="收藏了几台手机"></a>收藏了几台手机</h1><p>这些都是之前在闲鱼上看见的<br>其中有一台说是配件机，说是不能开机<br>结果被我搞开机了</p><p>然后这三台我都给它们换了主题<br>换完主题的效果：<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240705/d76602a274135b80c62d56bd26c758a.4xuf2npsag.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240705/d76602a274135b80c62d56bd26c758a.4xuf2npsag.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="d76602a274135b80c62d56bd26c758a"><br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240705/0dbf4a6d201aa874c099abce975c7cb.1lbp8a96lv.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240705/0dbf4a6d201aa874c099abce975c7cb.1lbp8a96lv.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="0dbf4a6d201aa874c099abce975c7cb"></p><p>以上（虽然还有一场考试。。。。。但是是在下周四）</p>]]></content>
155
155
 
@@ -170,7 +170,7 @@
170
170
  <link href="https://blog.sinzmise.top/posts/10021/"/>
171
171
  <id>https://blog.sinzmise.top/posts/10021/</id>
172
172
  <published>2024-05-26T21:18:33.000Z</published>
173
- <updated>2024-11-09T08:00:35.901Z</updated>
173
+ <updated>2024-11-09T08:45:10.468Z</updated>
174
174
 
175
175
  <content type="html"><![CDATA[<div class="note success"><p>本文章已经同步到xLog：<a href="https://xlog.sinzmise.top/write-2024-05">https://xlog.sinzmise.top/write-2024-05</a> </p></div><p>久违的在n+1月前写n月小记。。。。。。<br>废话不多说，正片开始！<br><span id="more"></span></p><h1 id="突如其来的通知"><a href="#突如其来的通知" class="headerlink" title="突如其来的通知"></a>突如其来的通知</h1><p><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240526/网易灵犀办公_IaxXEglUuo.5mnn1fl6oo.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240526/网易灵犀办公_IaxXEglUuo.5mnn1fl6oo.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="来自博友圈的通知"><br>说实在的，看到这个通知，我既感到意外，又觉得很不意外<br>因为之前我那文章封面都是loliapi生成的，而loliapi里面又诞生出了不少擦边图<br>目前已经将一批头图更换，并且准备半年后重新申请<br>如果申请还是不通过的话，那么就特别遗憾了<br>原本是想让博友圈的管理来改我那站点信息的，现在搞成那样，只能说下次注意了。。。。。。</p><p><strong>2024-06-05更新：</strong><br>一周了都没给我回复，估计已经给我拉入黑名单了<br>那算了，既然这样的话，那这个链接就不打算留了<br>反正也是我自己一时的疏忽搞成的这样。。。。。。</p><h1 id="全站npm化大翻车"><a href="#全站npm化大翻车" class="headerlink" title="全站npm化大翻车"></a>全站npm化大翻车</h1><p>在我逛逛友链朋友圈的时候发现了这么一篇文章：<br><div class="tag link"><a class="link-card" title="hexo全站NPM化之·通过npmmirror加速你的博客访问" href="https://byer.top/posts/2c8698f6.html"><div class="left"><img src="https://byer.top/img/ava.jpg" class="lazyload" data-srcset="https://byer.top/img/ava.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="/></div><div class="right"><p class="text">hexo全站NPM化之·通过npmmirror加速你的博客访问</p><p class="url">https://byer.top/posts/2c8698f6.html</p></div></a></div><br>之前CyanFalse大佬那个我看不懂，而且懂了也不知道怎么写QWQ<br>于是我开始安装这个教程来搞全站npm化<br>结果这么一搞，反而拖慢了站点加载速度，而且：<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240526/msedge_2sU7KOaR53.wie317mx5.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240526/msedge_2sU7KOaR53.wie317mx5.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="f12发现的错误"><br>我原本以为是npmmirror的问题，毕竟大佬说了NPM已经开启了白名单模式<br>但尽管我换成jsd和unpkg也依然是这个情况<br>只能取消全站npm化<br>后面我去问下大佬是怎么回事吧。。。。。。</p><h1 id="站点添加Ruffle"><a href="#站点添加Ruffle" class="headerlink" title="站点添加Ruffle"></a>站点添加Ruffle</h1><p>没错，我又给站点添加回Ruffle了<br>话说回来，估计我认识的这些搞博客的站长中，只有我对swf依然是最感兴趣了吧。。。。。。<br>如果你还不知道Ruffle是什么的话，可以去看看我这篇文章：<br><div class="tag link"><a class="link-card" title="Ruffle测试" href="https://blog.sinzmise.top/posts/57692/"><div class="left"><img src="https://jsd.cdn.storisinz.site/npm/volantis-static@0.0.1660614606622/media/org.volantis/logo/256/safari.png" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/npm/volantis-static@0.0.1660614606622/media/org.volantis/logo/256/safari.png" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="/></div><div class="right"><p class="text">Ruffle测试</p><p class="url">https://blog.sinzmise.top/posts/57692/</p></div></a></div></p><h1 id="Hello，xLog"><a href="#Hello，xLog" class="headerlink" title="Hello，xLog"></a>Hello，xLog</h1><p>在别的地方了解到了 xLog 这个使用区块链技术存储数据的博客平台<br>而且看见有一堆大佬也从 Hexo 迁移到 xLog<br>在好奇之下我便搞了这玩意</p><p>怎么说呢，虽然这玩意有着高度可定制的需求，并且能保证数据是安全的<br>而且因为用的区块链，使得数据在得到安全的情况下，可以通过区块链可以赚取代币</p><p>但也是因为用的区块链，而链上操作是透明且不可撤销的，其他人可以通过区块链历史查看文章的修改历史<br>也因此导致它虽然能删除文章，但不算真正无法真正删除一篇文章（简称：如删）<br>但这还不是重点，重点是：不能引入 JS（重点， 因为这样的话我没法引入 Ruffle 了。。。。。。 ），并且没有主题</p><p>并且也可能是因为我 Hexo 用习惯了，面对这种博客后台，我居然有点不太习惯<br>但还好，xLog 能导入 MarkDown 文件，并且支持 Front Matter</p><p>也因此，后面我打算让 Hexo 和 xLog 同步更新<br>（虽然这得耗费不少时间，但是我喜欢折腾的乐趣，然而我没想到的是这玩意居然能添加开往的链接，这也是我没想到的，但这里文章太少，后面我打算文章多一点之后再去试试看能不能申请加入开往吧。。。。。。。。。。）</p><p>至于我那 xLog 站点的名字，既然我给 Hexo 的主题 UI 是 CetaStories（名字修改于希腊字母 Theta）</p><p>那名字决定了！那个xLog博客名字就叫星空魔法书・Delta 吧！<br>我的xLog链接：<a href="https://xlog.sinzmise.top/">https://xlog.sinzmise.top/</a></p><p>以上</p>]]></content>
176
176
 
@@ -192,7 +192,7 @@
192
192
  <link href="https://blog.sinzmise.top/posts/57692/"/>
193
193
  <id>https://blog.sinzmise.top/posts/57692/</id>
194
194
  <published>2024-05-25T21:12:39.000Z</published>
195
- <updated>2024-11-09T08:00:35.901Z</updated>
195
+ <updated>2024-11-09T08:45:10.468Z</updated>
196
196
 
197
197
  <content type="html"><![CDATA[<p>这玩意也是很久之前就认识到了<br>我甚至记得我还给这玩意写过Hexo插件<br><span id="more"></span><br><del>但后来我给这个插件删了，因为这玩意的配置真的简单</del></p><h1 id="介绍"><a href="#介绍" class="headerlink" title="介绍"></a>介绍</h1><p>随着网页的安全性升级，带有安全漏洞的Flash也逐渐被淘汰，现在的主流浏览器几乎都不支持Flash<br>也因此，很多的站点都已经废弃掉他们的flash了<br>但后面我找到了一款叫Ruffle的工具，这玩意是个全新的开源Flash项目，旨在从本地到网页完全替代老旧的Flash<br>而且不同于带有安全漏洞的Flash，Ruffle采用了高效安全的Rust语言编写，同时完全开源保证了及时修补漏洞</p><p>搞这玩意的很多教程都是得在浏览器安装插件，让用户通过这个插件来实现播放flash<br>但我在Ruffle的官网找到个这玩意：<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240525/msedge_3a7lLAiAqh.1ov9jby5xi.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240525/msedge_3a7lLAiAqh.1ov9jby5xi.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="官网截图"><br>这玩意能通过引入在站点js的方式来让自己的站点再次适配swf</p><p>那就废话不多说，赶紧开始吧！<br><del>（话说好像在2024好像只有我对flash依然这么感兴趣。。。。。。。）</del></p><h1 id="配置Ruffle教程"><a href="#配置Ruffle教程" class="headerlink" title="配置Ruffle教程"></a>配置Ruffle教程</h1><h2 id="基础"><a href="#基础" class="headerlink" title="基础"></a>基础</h2><p>只需要在站点下面引入这行代码就可以了<br><figure class="highlight html"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line"><span class="tag">&lt;<span class="name">script</span> <span class="attr">src</span>=<span class="string">&quot;https://jsd.onmicrosoft.cn/npm/@ruffle-rs/ruffle&quot;</span>&gt;</span><span class="tag">&lt;/<span class="name">script</span>&gt;</span></span><br></pre></td></tr></table></figure><br>如果你想用swfobject来引入swf的话，还得另外引入这个代码：<br><figure class="highlight html"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line"><span class="tag">&lt;<span class="name">script</span> <span class="attr">src</span>=<span class="string">&quot;https://jsd.onmicrosoft.cn/gh/swfobject/swfobject@master/swfobject/swfobject.js&quot;</span>&gt;</span><span class="tag">&lt;/<span class="name">script</span>&gt;</span></span><br></pre></td></tr></table></figure><br>之后就可以在站点放置flash动画了！<br>不过估计也有人不知道flash动画怎么放，我这里就写个Demo吧！</p><h1 id="Demo"><a href="#Demo" class="headerlink" title="Demo"></a>Demo</h1><h2 id="1-Flash音乐播放器（没有SWFObject的）"><a href="#1-Flash音乐播放器（没有SWFObject的）" class="headerlink" title="1.Flash音乐播放器（没有SWFObject的）"></a>1.Flash音乐播放器（没有SWFObject的）</h2><p>测试音乐：<a href="https://y.qq.com/n/ryqq/songDetail/00366bJo34aPAd">Rain And Tears (纯音乐) - Pop Mania</a><br>（这首歌是一个虎牙中的一位MC实况主经常用的背景音乐，这位实况主还是我第一位关注的玩MC的实况主，然后我就对这个bgm印象很深）<br><div class="tabs" id="tab-flash音乐播放器demo"><ul class="nav-tabs"><li class="tab active"><a class="#flash音乐播放器demo-1">新浪博客swf音乐播放器</a></li><li class="tab"><a class="#flash音乐播放器demo-2">人人网日志swf音乐播放器</a></li><li class="tab"><a class="#flash音乐播放器demo-3">开心网日志swf音乐播放器</a></li><li class="tab"><a class="#flash音乐播放器demo-4">Demo源码</a></li></ul><div class="tab-content"><div class="tab-pane active" id="flash音乐播放器demo-1"><p><div id="sinaplayer"></div></p><p><button id="loadsinaplayer" class="btn-beautify block orange center larger" onclick="loadsinamusic()">点我测试</button></p><script>function loadsinamusic() { document.getElementById("sinaplayer").innerHTML='<embed width="238" height="24" name="FlashVars" wmode="opaque" play="true" loop="true" scale="showall" src="https://files.blog.sinzmise.top/swf/sina_music_player.swf" FlashVars="url=https%3A%2F%2Ffiles.blog.sinzmise.top%2Fmp3%2FRainAndTears.mp3" type="application/x-shockwave-flash"></embed>'; document.getElementById("loadsinaplayer").style.visibility = 'hidden';}</script></div><div class="tab-pane" id="flash音乐播放器demo-2"><p><div id="renrenplayer"></div></p><p><button id="loadrenrenplayer" class="btn-beautify block orange center larger" onclick="loadrenrenmusic()">点我测试</button></p><script>function loadrenrenmusic() { document.getElementById("renrenplayer").innerHTML='<embed width="360" height="30" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" allowfullscreen="false" allowscriptaccess="sameDomain" bgcolor="#ffffff" scale="noscale" quality="high" menu="false" loop="false" wmode="transparent" src="https://files.blog.sinzmise.top/swf/renren_music_player.swf?url=https%3A%2F%2Ffiles.blog.sinzmise.top%2Fmp3%2FRainAndTears.mp3&Autoplay=0" />'; document.getElementById("loadrenrenplayer").style.visibility = 'hidden';}</script></div><div class="tab-pane" id="flash音乐播放器demo-3"><p><div id="kaixinplayer"></div></p><p><button id="loadkaixinplayer" class="btn-beautify block orange center larger" onclick="loadkaixinmusic()">点我测试</button></p><script>function loadkaixinmusic() { document.getElementById("kaixinplayer").innerHTML='<embed width="365" height="50" align="middle" flashvars="url=https%3A%2F%2Ffiles.blog.sinzmise.top%2Fmp3%2FRainAndTears.mp3&autoplay=0" src="https://files.blog.sinzmise.top/swf/kaixin_music_player.swf" wmode="transparent" loop="false" menu="false" quality="high" scale="noscale" salign="lt" bgcolor="#ffffff" allowscriptaccess="sameDomain" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/>'; document.getElementById("loadkaixinplayer").style.visibility = 'hidden';}</script></div><div class="tab-pane" id="flash音乐播放器demo-4"><p>新浪的<br><figure class="highlight html"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line"><span class="tag">&lt;<span class="name">embed</span> <span class="attr">width</span>=<span class="string">&quot;238&quot;</span> <span class="attr">height</span>=<span class="string">&quot;24&quot;</span> <span class="attr">name</span>=<span class="string">&quot;FlashVars&quot;</span> <span class="attr">wmode</span>=<span class="string">&quot;opaque&quot;</span> <span class="attr">play</span>=<span class="string">&quot;true&quot;</span> <span class="attr">loop</span>=<span class="string">&quot;true&quot;</span> <span class="attr">scale</span>=<span class="string">&quot;showall&quot;</span> <span class="attr">src</span>=<span class="string">&quot;https://files.blog.sinzmise.top/swf/sina_music_player.swf&quot;</span> <span class="attr">FlashVars</span>=<span class="string">&quot;url=https%3A%2F%2Ffiles.blog.sinzmise.top%2Fmp3%2FRainAndTears.mp3&quot;</span> <span class="attr">type</span>=<span class="string">&quot;application/x-shockwave-flash&quot;</span>&gt;</span><span class="tag">&lt;/<span class="name">embed</span>&gt;</span></span><br></pre></td></tr></table></figure><br>人人网的<br><figure class="highlight html"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line"><span class="tag">&lt;<span class="name">embed</span> <span class="attr">width</span>=<span class="string">&quot;360&quot;</span> <span class="attr">height</span>=<span class="string">&quot;30&quot;</span> <span class="attr">pluginspage</span>=<span class="string">&quot;http://www.macromedia.com/go/getflashplayer&quot;</span> <span class="attr">type</span>=<span class="string">&quot;application/x-shockwave-flash&quot;</span> <span class="attr">allowfullscreen</span>=<span class="string">&quot;false&quot;</span> <span class="attr">allowscriptaccess</span>=<span class="string">&quot;sameDomain&quot;</span> <span class="attr">bgcolor</span>=<span class="string">&quot;#ffffff&quot;</span> <span class="attr">scale</span>=<span class="string">&quot;noscale&quot;</span> <span class="attr">quality</span>=<span class="string">&quot;high&quot;</span> <span class="attr">menu</span>=<span class="string">&quot;false&quot;</span> <span class="attr">loop</span>=<span class="string">&quot;false&quot;</span> <span class="attr">wmode</span>=<span class="string">&quot;transparent&quot;</span> <span class="attr">src</span>=<span class="string">&quot;https://files.blog.sinzmise.top/swf/renren_music_player.swf?url=https%3A%2F%2Ffiles.blog.sinzmise.top%2Fmp3%2FRainAndTears.mp3&amp;Autoplay=0&quot;</span> /&gt;</span></span><br></pre></td></tr></table></figure><br>开心网的<br><figure class="highlight html"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line"><span class="tag">&lt;<span class="name">embed</span> <span class="attr">width</span>=<span class="string">&quot;365&quot;</span> <span class="attr">height</span>=<span class="string">&quot;50&quot;</span> <span class="attr">align</span>=<span class="string">&quot;middle&quot;</span> <span class="attr">flashvars</span>=<span class="string">&quot;url=https%3A%2F%2Ffiles.blog.sinzmise.top%2Fmp3%2FRainAndTears.mp3&amp;autoplay=0&quot;</span> <span class="attr">src</span>=<span class="string">&quot;https://files.blog.sinzmise.top/swf/kaixin_music_player.swf&quot;</span> <span class="attr">wmode</span>=<span class="string">&quot;transparent&quot;</span> <span class="attr">loop</span>=<span class="string">&quot;false&quot;</span> <span class="attr">menu</span>=<span class="string">&quot;false&quot;</span> <span class="attr">quality</span>=<span class="string">&quot;high&quot;</span> <span class="attr">scale</span>=<span class="string">&quot;noscale&quot;</span> <span class="attr">salign</span>=<span class="string">&quot;lt&quot;</span> <span class="attr">bgcolor</span>=<span class="string">&quot;#ffffff&quot;</span> <span class="attr">allowscriptaccess</span>=<span class="string">&quot;sameDomain&quot;</span> <span class="attr">allowfullscreen</span>=<span class="string">&quot;false&quot;</span> <span class="attr">type</span>=<span class="string">&quot;application/x-shockwave-flash&quot;</span> <span class="attr">pluginspage</span>=<span class="string">&quot;http://www.macromedia.com/go/getflashplayer&quot;</span>/&gt;</span></span><br></pre></td></tr></table></figure></p></div></div></div></p><p>还没写完，后续再写更多Demo</p>]]></content>
198
198
 
@@ -215,7 +215,7 @@
215
215
  <link href="https://blog.sinzmise.top/posts/15748/"/>
216
216
  <id>https://blog.sinzmise.top/posts/15748/</id>
217
217
  <published>2024-05-02T18:31:42.000Z</published>
218
- <updated>2024-11-09T08:00:35.901Z</updated>
218
+ <updated>2024-11-09T08:45:10.468Z</updated>
219
219
 
220
220
  <content type="html"><![CDATA[<div class="note success"><p>本文章已经同步到xLog：<a href="https://xlog.sinzmise.top/write-2024-04">https://xlog.sinzmise.top/write-2024-04</a> </p></div><p>先祝大家劳动节快乐（虽然已经过了一天），也提前祝大家五四青年节快乐！<br>然后，正片开始！<br><span id="more"></span></p><h1 id="Akilar群寄了"><a href="#Akilar群寄了" class="headerlink" title="Akilar群寄了"></a>Akilar群寄了</h1><p>这件事还是小何告诉我的<psw>（小何没告诉我之前我还不知道）</psw><br>看店长的文章我才知道大概是有群友转发了含R18内容的聊天记录，然后Akliar才把群给解散的<br>Akilar的通知：<br><div class="tag link"><a class="link-card" title="关于群聊更换的紧急通知" href="https://akilar.top/posts/c215d440/"><div class="left"><img src="https://npm.elemecdn.com/akiblog@1.0.2/img/siteicon/favicon.png" class="lazyload" data-srcset="https://npm.elemecdn.com/akiblog@1.0.2/img/siteicon/favicon.png" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="/></div><div class="right"><p class="text">关于群聊更换的紧急通知</p><p class="url">https://akilar.top/posts/c215d440/</p></div></a></div><br>Akilar新群：<br><div class="tag link"><a class="link-card" title="Akilarの糖果屋-新群" href="http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=foNxpbHAuNFbc_cGIcPS_Qjc2Zk1uy-u&authKey=%2FO6mPpYjRlwIjqfWE7AnMfJpYW9zfDAkaHRACm1Wn9Mg7cjkyAcbkGTwpsqMIno9&noverify=0&group_code=725597418"><div class="left"><img src="https://npm.elemecdn.com/akiblog@1.0.2/img/siteicon/favicon.png" class="lazyload" data-srcset="https://npm.elemecdn.com/akiblog@1.0.2/img/siteicon/favicon.png" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="/></div><div class="right"><p class="text">Akilarの糖果屋-新群</p><p class="url">http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=foNxpbHAuNFbc_cGIcPS_Qjc2Zk1uy-u&authKey=%2FO6mPpYjRlwIjqfWE7AnMfJpYW9zfDAkaHRACm1Wn9Mg7cjkyAcbkGTwpsqMIno9&noverify=0&group_code=725597418</p></div></a></div><br>然后洪mac一年一月八日<del>（bushi）</del>（也就是2024年五月三日），我加入了Akilar的新群</p><h1 id="加入笔墨迹"><a href="#加入笔墨迹" class="headerlink" title="加入笔墨迹"></a>加入笔墨迹</h1><p>Blogs·CN（笔墨迹）是一个位于中国境内的平台，致力于发掘和分享”优秀个人独立博客”。</p><p>我老早之前就想加入了，但是那天由于博客要重新装修，所以我没加入<br>现在装修好了，可以加入了<br>目前已经通过</p><h1 id="博客更新"><a href="#博客更新" class="headerlink" title="博客更新"></a>博客更新</h1><p>请看这个：<br><div class="tag link"><a class="link-card" title="更新记录" href="/update/"><div class="left"><img src="https://jsd.cdn.storisinz.site/npm/volantis-static@0.0.1660614606622/media/org.volantis/logo/256/safari.png" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/npm/volantis-static@0.0.1660614606622/media/org.volantis/logo/256/safari.png" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="/></div><div class="right"><p class="text">更新记录</p><p class="url">/update/</p></div></a></div></p>]]></content>
221
221
 
@@ -237,7 +237,7 @@
237
237
  <link href="https://blog.sinzmise.top/posts/10996/"/>
238
238
  <id>https://blog.sinzmise.top/posts/10996/</id>
239
239
  <published>2024-04-27T19:43:40.000Z</published>
240
- <updated>2024-11-09T08:00:35.901Z</updated>
240
+ <updated>2024-11-09T08:45:10.468Z</updated>
241
241
 
242
242
  <content type="html"><![CDATA[<p>不知道什么时候，我开始玩马里奥制造（以下简称“马造”）了<br>但是我没有Switch，模拟器配置较为麻烦，所以我没法玩马造2，只能玩玩马造1<br>然而在2024年4月9日，任天堂 3DS / WiiU 在线功能停服</p><p>在停服之前，我就一直知道马造1有私服，但是这玩意之前不知道为啥总配置失败<br>现在倒是配置好了，话不多说，游玩教程开始！<br><span id="more"></span></p><h1 id="下载懒人包"><a href="#下载懒人包" class="headerlink" title="下载懒人包"></a>下载懒人包</h1><p>这玩意我已经打包成为一个懒人包了<br>大伙想要的可以下载：</p><div class="btns rounded grid5"> <a class="button" href='https://pan.sinzmise.top/SMM/SMM.7z' title='懒人包链接'><i class='fas fa-download'></i>懒人包链接</a> </div><p>下载完成之后先点击Start启动服务端<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/SmmServer_5kCtRQwhp0.5mnlvwyhv7.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/SmmServer_5kCtRQwhp0.5mnlvwyhv7.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="SmmServer_5kCtRQwhp0"></p><div class="note success"><p>正常情况下的这四个的提示是这样的：</p><ul><li>NEX（SMM） 占用端口59900和59921<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/SmmServer_ONoCeAxy5j.7awyt3pvwx.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/SmmServer_ONoCeAxy5j.7awyt3pvwx.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="SmmServer_ONoCeAxy5j"></li><li>NEX（Friends）占用端口60000和60021<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/SmmServer_H0VbUAIUgS.4xucbwc9yi.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/SmmServer_H0VbUAIUgS.4xucbwc9yi.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="SmmServer_H0VbUAIUgS"></li><li>Pretando++ 占用端口8383<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/SmmServer_NY1UtocxVh.7awyt3q0js.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/SmmServer_NY1UtocxVh.7awyt3q0js.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="SmmServer_NY1UtocxVh"></li><li>Caddy 占用端口80和443<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/SmmServer_Hngcypv9AG.6ik3bd9cqv.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/SmmServer_Hngcypv9AG.6ik3bd9cqv.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="SmmServer_Hngcypv9AG"></li></ul></div><div class="note warning"><p><strong><em>请注意：</em></strong><br>如果出现异常的话<br>十有八九可能是端口被占用了<br>请先用<code>netstat -ano|findstr 程序对应的端口号</code>查看端口有没有被占用<br>如果端口被侵占了，输入<code>taskkill /t /f /im 进程号</code>关闭占用端口的进程<br>如果还是不行的话。。。。加Q群问（在最下方）</p></div><p>一切正常的话，点击“Start Cemu”打开模拟器<strong><em>注意：必须用自带的模拟器！要不然打开马造世界关卡会提示106-0502错误</em></strong><br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/SmmServer_zKuO6e7rGt.4xucbwm194.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/SmmServer_zKuO6e7rGt.4xucbwm194.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="SmmServer_zKuO6e7rGt"><br>然后双击Super Mario Maker，等待加载完成便可以游玩了！</p><psw>这可能是我写博客以来第一次写这么简短的教程</psw>]]></content>
243
243
 
@@ -261,7 +261,7 @@
261
261
  <link href="https://blog.sinzmise.top/posts/13624/"/>
262
262
  <id>https://blog.sinzmise.top/posts/13624/</id>
263
263
  <published>2024-04-12T22:46:14.000Z</published>
264
- <updated>2024-11-09T08:00:35.901Z</updated>
264
+ <updated>2024-11-09T08:45:10.468Z</updated>
265
265
 
266
266
  <content type="html"><![CDATA[<p>之前在安小歪的推荐下，找到了一个叫serv00的东西<br>但是因为这玩意我不会用，所以我把Serv00一直当成不能部署thinkphp的虚拟主机使用<br>然而我之前看见了这个教程：<br><div class="tag link"><a class="link-card" title="Serv00搭建各种服务" href="https://blog.rappit.site/2024/01/27/serv00_logs/"><div class="left"><img src="https://jsd.cdn.storisinz.site/npm/volantis-static@0.0.1660614606622/media/org.volantis/logo/256/safari.png" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/npm/volantis-static@0.0.1660614606622/media/org.volantis/logo/256/safari.png" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="/></div><div class="right"><p class="text">Serv00搭建各种服务</p><p class="url">https://blog.rappit.site/2024/01/27/serv00_logs/</p></div></a></div><br>于是我决定在Serv00搭建一些项目<br>但里面没有Artalk的教程，我准备所以按照部署Alist的方法给Serv00部署Artalk<br>那么好，教程开始！<br><span id="more"></span></p><h1 id="教程"><a href="#教程" class="headerlink" title="教程"></a>教程</h1><h2 id="准备工作"><a href="#准备工作" class="headerlink" title="准备工作"></a>准备工作</h2><div class="tag link"><a class="link-card" title="Serv00搭建各种服务·部署应用前的一些准备工作" href="https://blog.rappit.site/2024/01/27/serv00_logs/#%E9%83%A8%E7%BD%B2%E5%BA%94%E7%94%A8%E5%89%8D%E7%9A%84%E4%B8%80%E4%BA%9B%E5%87%86%E5%A4%87%E5%B7%A5%E4%BD%9C"><div class="left"><img src="https://jsd.cdn.storisinz.site/npm/volantis-static@0.0.1660614606622/media/org.volantis/logo/256/safari.png" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/npm/volantis-static@0.0.1660614606622/media/org.volantis/logo/256/safari.png" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="/></div><div class="right"><p class="text">Serv00搭建各种服务·部署应用前的一些准备工作</p><p class="url">https://blog.rappit.site/2024/01/27/serv00_logs/#%E9%83%A8%E7%BD%B2%E5%BA%94%E7%94%A8%E5%89%8D%E7%9A%84%E4%B8%80%E4%BA%9B%E5%87%86%E5%A4%87%E5%B7%A5%E4%BD%9C</p></div></a></div><h2 id="正式开始"><a href="#正式开始" class="headerlink" title="正式开始"></a>正式开始</h2><p>首先在 Panel 中放行一个端口，接着按照下表 Add a New Website ：</p><div class="table-container"><table><thead><tr><th>Key</th><th>Value</th></tr></thead><tbody><tr><td>Domain</td><td><code>xxx.USERNAME.serv00.net</code>（也可以把原有的 USERNAME.serv00.net 删掉后重新添加）</td></tr><tr><td>Website Type</td><td>proxy</td></tr><tr><td>Proxy Target</td><td>localhost</td></tr><tr><td>Proxy URL</td><td>留空</td></tr><tr><td>Proxy port</td><td>你准备用来部署 Alist 的端口</td></tr><tr><td>Use HTPPS</td><td>False</td></tr><tr><td>DNS support</td><td>True</td></tr></tbody></table></div><p>添加完新站点后，继续点击上方的 Manage SSL certificates ，接着在出口 IP 的右侧点击 Manage ，再点击 Add certificate ：</p><div class="table-container"><table><thead><tr><th>Type</th><th>Domain</th></tr></thead><tbody><tr><td>Generate Let’s Encrypted certificate</td><td>与刚刚添加的站点域名保持一致（如果是原有的 <code>USERNAME.serv00.net</code> ，可以省略此步）</td></tr></tbody></table></div><p>接着SSH登入，并进入刚刚你新建的域名目录下的<code>public_html</code>路径下：<br><figure class="highlight shell"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line"><span class="meta prompt_"># </span><span class="language-bash">使用一键命令安装 Artalk</span></span><br><span class="line">wget -O artalk-freebsd.sh https://github.com/SinzMise/artalk-deploy/raw/serv00/artalk-freebsd.sh &amp;&amp; sh artalk-freebsd.sh</span><br></pre></td></tr></table></figure></p><p>在 Panel 中进入 MySQL 选项卡，使用 Add database 功能新建一个数据库。（当然Postgresql也可以，如果不要数据库就只要sqlite可以不用新建）<br><div class="note info"><p>密码要求含有大写字母、小写字母和数字三种字符，且长度必须超过6个字符。</p></div><br>接下来进入 File manager 选项卡，进入<code>~/domains/xxx.USERNAME.serv00.net/public_html</code>路径，可以看到一个名为 <code>artalk.yml</code> 的文件，右键点击，选择 View/Edit &gt; Source Editor ，进行编辑<br>这里面就只要改port和db就行，其它的能在后台设置<br>其中port改成你放行的端口<br>db是数据库设置<br>参考如下：<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/msedge_1Z2sZqAP2k.70a4hbgckz.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/msedge_1Z2sZqAP2k.70a4hbgckz.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="msedge_1Z2sZqAP2k"><br>改完之后，点击 save 保存，接着回到 SSH 窗口中进行操作：</p><p>测试启动 Artalk：<br><figure class="highlight shell"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">./artalk server</span><br></pre></td></tr></table></figure><br><div class="note info"><p>确定运行没有问题后，按<code>Ctrl+c</code>即可停止运行。</p></div></p><p>由于artalk需要创建管理员账号，因此需要输入以下命令：<br><figure class="highlight shell"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">./artalk admin</span><br></pre></td></tr></table></figure><br>最后使用pm2启动并且管理artalk：<br><figure class="highlight shell"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">pm2 start &quot;./artalk server&quot; --name &quot;Artalk&quot;</span><br></pre></td></tr></table></figure></p><div class="note info"><p>同样的，你还可以使用 Cloudflared 隧道添加域名，而不选择使用 Proxy 。 </p></div><h2 id="收尾工作"><a href="#收尾工作" class="headerlink" title="收尾工作"></a>收尾工作</h2><p>参考教程：<br><div class="tag link"><a class="link-card" title="Serv00搭建各种服务·收尾工作" href="https://blog.rappit.site/2024/01/27/serv00_logs/#%E6%94%B6%E5%B0%BE%E5%B7%A5%E4%BD%9C"><div class="left"><img src="https://jsd.cdn.storisinz.site/npm/volantis-static@0.0.1660614606622/media/org.volantis/logo/256/safari.png" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/npm/volantis-static@0.0.1660614606622/media/org.volantis/logo/256/safari.png" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="/></div><div class="right"><p class="text">Serv00搭建各种服务·收尾工作</p><p class="url">https://blog.rappit.site/2024/01/27/serv00_logs/#%E6%94%B6%E5%B0%BE%E5%B7%A5%E4%BD%9C</p></div></a></div></p>]]></content>
267
267
 
@@ -284,7 +284,7 @@
284
284
  <link href="https://blog.sinzmise.top/posts/15842/"/>
285
285
  <id>https://blog.sinzmise.top/posts/15842/</id>
286
286
  <published>2024-03-03T18:10:44.000Z</published>
287
- <updated>2024-11-09T08:00:35.901Z</updated>
287
+ <updated>2024-11-09T08:45:10.468Z</updated>
288
288
 
289
289
  <content type="html"><![CDATA[<div class="note success"><p>本文章已经同步到xLog：<a href="https://xlog.sinzmise.top/write-2024-02">https://xlog.sinzmise.top/write-2024-02</a> </p></div><p>时间真快，转眼间，新年、2月过去了<br>就让这里写下我2月做了什么吧<br><span id="more"></span></p><h1 id="伺か（伪春菜），我并未忘记"><a href="#伺か（伪春菜），我并未忘记" class="headerlink" title="伺か（伪春菜），我并未忘记"></a>伺か（伪春菜），我并未忘记</h1><p>从之前我就想将明猪大佬的网页版伪春菜看板娘搞到Hexo里去，因为时间等原因我并未实施<br>现在我把它搞上去了，效果如下：<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/msedge_KiupgoTMYf.101wojo3eg.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/msedge_KiupgoTMYf.101wojo3eg.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="msedge_KiupgoTMYf"><br>目前所使用的人格是落鸟，后面如果有时间的话我写个Hexo插件，然后在插件里切换人格<br>还有有关聊天功能嘛。。。。。我是打算用AI来实现啦。。。。。。。</p><p>（2024-05 因为新博客部署伪春菜的时候出现了一些问题，导致春菜没到新家，很抱歉！目前正在修复）</p><p>现在因为开学了，所以不能经常打开ssp看橘花和绿坝娘（没错，也有人做绿坝娘的ssp人格，甚至还是有配音的）<br>但是我依然没有忘掉他们。。。。。。<br>就像我之前的文章里说的，希望伪春菜这个圈子能跟以前一样在国内重新爆发活力<br>（虽然代价是圈子变臭，还不如让很少人了解这个圈子。。。。。）</p><h1 id="Memos又寄了。。。。。。"><a href="#Memos又寄了。。。。。。" class="headerlink" title="Memos又寄了。。。。。。"></a>Memos又寄了。。。。。。</h1><p>我是没想到Koyeb会暂停部署，Kuma来了也没管用<br>算了，后面我找个免费方法再搞Memos吧<br>反正现在还能访问，{ psw 这个干脆就做简短点啦。。。。。（bushi） }</p><h1 id="GTA-V，启动！"><a href="#GTA-V，启动！" class="headerlink" title="GTA V，启动！"></a>GTA V，启动！</h1><p>别问为啥要把这个放在二月小记，我只能在周末才能碰到电脑，也因此只能在假期写文章<br>{ psw 也别问我为啥不在手机上写，我Qexo都没搞。。。。。。 }<br>经过小何的邀请下，我决定入坑GTA5，并且在小何的帮助下成功用15块钱搞到了GTA5白号<br>他带我打了个差事，然后抢抢便利店，最后还打了死亡对战（虽然平局了）<br>怎么说呢。。。。。。。虽然我玩的游戏很多，但因为我很少玩游戏，所以不知道怎么评价<br>但怎么说呢，总归也入坑了一款我没玩过的游戏呢</p>]]></content>
290
290
 
@@ -306,7 +306,7 @@
306
306
  <link href="https://blog.sinzmise.top/posts/54787/"/>
307
307
  <id>https://blog.sinzmise.top/posts/54787/</id>
308
308
  <published>2024-02-16T17:17:26.000Z</published>
309
- <updated>2024-11-09T08:00:35.901Z</updated>
309
+ <updated>2024-11-09T08:45:10.468Z</updated>
310
310
 
311
311
  <content type="html"><![CDATA[<p>什么是伪春菜？<a href="https://mzh.moegirl.org.cn/%E4%BC%AA%E6%98%A5%E8%8F%9C">请看这里</a><br>作为一个早在xp时代就出现的桌面精灵，伪春菜有了爆火的人气<br>后来不知道什么时候开始在国内由盛转衰，直到现在我对这个圈子少之又少<br>我自己也下载了ssp并且应用了后来某位大佬复活的Taromati2人格</p><p>某次我逛逛某个博客站点时发现有个站点将伪春菜当成了看板娘<br>就去去搜了一下，得到的结果是：<a href="http://www.lmyoaoa.com/inn/archives/4504/">http://www.lmyoaoa.com/inn/archives/4504/</a><br>又因为这玩意已经很久没更新，所以我将这个的js、css和图片提取出来，然后魔改了一下，方便放在hexo里面<br>废话不多说，开始吧！<br><span id="more"></span></p><h1 id="引入js和css"><a href="#引入js和css" class="headerlink" title="引入js和css"></a>引入js和css</h1><p>{blogroot}/source/weichuncai/css/style.css<br><figure class="highlight css"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br></pre></td><td class="code"><pre><span class="line"><span class="selector-id">#smchuncai</span> &#123;<span class="attribute">opacity</span>:<span class="number">0.85</span>;<span class="attribute">width</span>:<span class="number">160px</span>;<span class="attribute">height</span>:<span class="number">160px</span>;<span class="attribute">position</span>:fixed;<span class="attribute">top</span>:<span class="number">400px</span>;<span class="attribute">left</span>:<span class="number">800px</span>;<span class="attribute">font-size</span>:<span class="number">12px</span>;&#125;</span><br><span class="line">* <span class="selector-tag">html</span> <span class="selector-id">#smchuncai</span> &#123;<span class="attribute">position</span>:absolute;&#125;</span><br><span class="line"><span class="selector-id">#chuncaiface</span> &#123;<span class="attribute">width</span>:<span class="number">160px</span>;<span class="attribute">height</span>:<span class="number">160px</span>;<span class="attribute">background-repeat</span>:no-repeat;<span class="attribute">position</span>:absolute;<span class="attribute">top</span>:<span class="number">0px</span>;<span class="attribute">left</span>:<span class="number">0px</span>;&#125;</span><br><span class="line"><span class="comment">/*#chuncaimenu &#123;width:46px;line-height:16px;float:left;font-size:12px;cursor:pointer;background-color:#666;color:#FFF;text-align:center;&#125;*/</span></span><br><span class="line"><span class="selector-id">#showchuncaimenu</span> &#123;<span class="attribute">float</span><span class="selector-pseudo">:left</span>;<span class="attribute">text-align</span><span class="selector-pseudo">:left</span>;<span class="attribute">width</span>:<span class="number">100%</span>;<span class="attribute">overflow</span>:hidden;<span class="attribute">display</span>:none;&#125;</span><br><span class="line"><span class="comment">/*#showchuncaimenu ul, */</span><span class="selector-id">#tempsaying</span> <span class="selector-tag">ul</span> &#123;<span class="attribute">margin</span>:<span class="number">1px</span> <span class="number">0px</span> <span class="number">0px</span> <span class="number">0px</span>;<span class="attribute">padding</span>:<span class="number">0px</span> <span class="number">0px</span> <span class="number">0px</span> <span class="number">5px</span>;<span class="attribute">float</span><span class="selector-pseudo">:left</span>;<span class="attribute">width</span>:<span class="number">100%</span>;<span class="attribute">line-height</span>:<span class="number">16px</span>;<span class="attribute">cursor</span>:pointer;<span class="attribute">overflow</span>:hidden;&#125;</span><br><span class="line"><span class="selector-class">.wcc_mlist</span> &#123;<span class="attribute">text-align</span>:center;<span class="attribute">width</span>:<span class="number">47%</span>;<span class="attribute">float</span><span class="selector-pseudo">:left</span>;<span class="attribute">line-height</span>:<span class="number">16px</span>;<span class="attribute">margin</span>:<span class="number">0</span>;<span class="attribute">padding</span>:<span class="number">0px</span> <span class="number">0px</span> <span class="number">4px</span> <span class="number">0px</span>;<span class="attribute">cursor</span>:pointer;<span class="attribute">overflow</span>:hidden;&#125;</span><br><span class="line"><span class="selector-id">#tempsaying</span> <span class="selector-tag">ul</span> &#123;<span class="attribute">width</span>:<span class="number">96%</span>;&#125;</span><br><span class="line"><span class="selector-id">#callchuncai</span> &#123;<span class="attribute">position</span>:fixed;<span class="attribute">width</span>:<span class="number">60px</span>;<span class="attribute">line-height</span>:<span class="number">16px</span>;<span class="attribute">cursor</span>:pointer;<span class="attribute">display</span>:none;<span class="attribute">font-size</span>:<span class="number">12px</span>;<span class="attribute">border</span>:<span class="number">1px</span> solid <span class="number">#e87a73</span>;<span class="attribute">background-color</span>:<span class="number">#FFF</span>;&#125;</span><br><span class="line">* <span class="selector-tag">html</span> <span class="selector-id">#callchuncai</span> &#123;<span class="attribute">position</span>:absolute;&#125;</span><br><span class="line"><span class="selector-id">#dialog_chat</span> &#123;<span class="attribute">position</span>:absolute;<span class="attribute">top</span>:<span class="number">0px</span>;<span class="attribute">left</span>:-<span class="number">205px</span>;<span class="attribute">width</span>:<span class="number">200px</span>;<span class="attribute">line-height</span>:<span class="number">23px</span>;<span class="attribute">text-align</span><span class="selector-pseudo">:left</span>;&#125;</span><br><span class="line"><span class="selector-id">#dialog_chat_loading</span> &#123;<span class="attribute">width</span>:<span class="number">200px</span>;<span class="attribute">height</span>:<span class="number">30px</span>;<span class="attribute">background</span>:<span class="built_in">url</span>(<span class="string">&quot;../imgs/loading.gif&quot;</span>) no-repeat center center;<span class="attribute">display</span>:none;&#125;</span><br><span class="line"><span class="selector-id">#chat_top</span> &#123;<span class="attribute">float</span><span class="selector-pseudo">:left</span>;<span class="attribute">width</span>:<span class="number">200px</span>;<span class="attribute">height</span>:<span class="number">5px</span>;<span class="attribute">overflow</span>:hidden;<span class="attribute">background</span>:<span class="built_in">url</span>(<span class="string">&quot;../imgs/chat_top.gif&quot;</span>) no-repeat;&#125;</span><br><span class="line"><span class="selector-id">#dialog_chat_contents</span>, <span class="selector-id">#chuncaisaying</span>, <span class="selector-id">#getmenu</span>, <span class="selector-id">#tempsaying</span> &#123;<span class="attribute">float</span><span class="selector-pseudo">:left</span>;<span class="attribute">margin</span>:<span class="number">0</span>;<span class="attribute">padding-left</span>:<span class="number">0px</span>;<span class="attribute">width</span>:<span class="number">198px</span>;<span class="attribute">line-height</span>:<span class="number">23px</span>;<span class="attribute">background-color</span>:<span class="number">#ffffee</span>;&#125;</span><br><span class="line"><span class="selector-id">#getmenu</span>, <span class="selector-id">#tempsaying</span>,<span class="selector-id">#chuncaisaying</span> &#123;<span class="attribute">padding</span>:<span class="number">0px</span> <span class="number">0px</span> <span class="number">0px</span> <span class="number">2px</span>; <span class="attribute">width</span>:<span class="number">196px</span>;&#125;</span><br><span class="line"><span class="selector-id">#dialog_chat_contents</span> &#123;<span class="attribute">width</span>:<span class="number">198px</span>;<span class="attribute">border-left</span>:<span class="number">1px</span> solid <span class="number">#e87a73</span>;<span class="attribute">border-right</span>:<span class="number">1px</span> solid <span class="number">#e87a73</span>;&#125;</span><br><span class="line"><span class="selector-id">#chat_bottom</span> &#123;<span class="attribute">width</span>:<span class="number">200px</span>;<span class="attribute">height</span>:<span class="number">10px</span>;<span class="attribute">float</span><span class="selector-pseudo">:left</span>;<span class="attribute">background</span>:<span class="built_in">url</span>(<span class="string">&quot;../imgs/chat_bottom.gif&quot;</span>) no-repeat;&#125;</span><br><span class="line"><span class="selector-id">#chat_top</span>, <span class="selector-id">#chat_bottom</span> &#123;&#125;</span><br><span class="line"><span class="selector-id">#tempsaying</span>, <span class="selector-id">#hiddenfaces</span> &#123;<span class="attribute">display</span>:none;&#125;</span><br><span class="line"><span class="selector-id">#getmenu</span> &#123;<span class="attribute">width</span>:<span class="number">95%</span>;<span class="attribute">height</span>:<span class="number">16px</span>;<span class="attribute">margin</span>:<span class="number">0</span>;<span class="attribute">padding</span>:<span class="number">0</span>;<span class="attribute">cursor</span>:pointer;<span class="attribute">background</span>:<span class="built_in">url</span>(<span class="string">&quot;../imgs/menu.jpg&quot;</span>) no-repeat top right;&#125;</span><br><span class="line"><span class="selector-id">#addinput</span> &#123;<span class="attribute">width</span>:<span class="number">240px</span>;<span class="attribute">height</span>:<span class="number">20px</span>;<span class="attribute">position</span>:absolute;<span class="attribute">top</span>:<span class="number">150px</span>;<span class="attribute">left</span>:-<span class="number">260px</span>;<span class="attribute">border</span>:<span class="number">1px</span> solid <span class="number">#888</span>;<span class="attribute">background-color</span>:<span class="number">#FFF</span>;<span class="attribute">padding-top</span>:<span class="number">2px</span>;<span class="attribute">overflow</span>:hidden;<span class="attribute">display</span>:none;&#125;</span><br><span class="line"><span class="selector-id">#inp_l</span> &#123;<span class="attribute">float</span><span class="selector-pseudo">:left</span>;<span class="attribute">width</span>:<span class="number">220px</span>;<span class="attribute">height</span>:<span class="number">20px</span>;&#125;</span><br><span class="line"><span class="selector-id">#inp_r</span> &#123;<span class="attribute">float</span><span class="selector-pseudo">:right</span>;<span class="attribute">width</span>:<span class="number">20px</span>;<span class="attribute">height</span>:<span class="number">20px</span>;<span class="attribute">font-size</span>:<span class="number">12px</span>;<span class="attribute">text-align</span>:center;<span class="attribute">cursor</span>:pointer;&#125;</span><br><span class="line"><span class="selector-id">#talk</span> &#123;<span class="attribute">border</span>:none;<span class="attribute">float</span><span class="selector-pseudo">:left</span>;<span class="attribute">width</span>:<span class="number">180px</span>;<span class="attribute">height</span>:<span class="number">16px</span>;&#125;</span><br><span class="line"><span class="selector-id">#talkto</span> &#123;<span class="attribute">float</span><span class="selector-pseudo">:left</span>;<span class="attribute">border</span>:none;<span class="attribute">width</span>:<span class="number">30px</span>;<span class="attribute">height</span>:<span class="number">16px</span>;<span class="attribute">background</span>:<span class="built_in">url</span>(<span class="string">&quot;../imgs/ok.jpg&quot;</span>);<span class="attribute">cursor</span>:pointer;&#125;</span><br></pre></td></tr></table></figure><br>{blogroot}/source/weichuncai/js/common.js<br><figure class="highlight javascript"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br><span class="line">34</span><br><span class="line">35</span><br><span class="line">36</span><br><span class="line">37</span><br><span class="line">38</span><br><span class="line">39</span><br><span class="line">40</span><br><span class="line">41</span><br><span class="line">42</span><br><span class="line">43</span><br><span class="line">44</span><br><span class="line">45</span><br><span class="line">46</span><br><span class="line">47</span><br><span class="line">48</span><br><span class="line">49</span><br><span class="line">50</span><br><span class="line">51</span><br><span class="line">52</span><br><span class="line">53</span><br><span class="line">54</span><br><span class="line">55</span><br><span class="line">56</span><br><span class="line">57</span><br><span class="line">58</span><br><span class="line">59</span><br><span class="line">60</span><br><span class="line">61</span><br><span class="line">62</span><br><span class="line">63</span><br><span class="line">64</span><br><span class="line">65</span><br><span class="line">66</span><br><span class="line">67</span><br><span class="line">68</span><br><span class="line">69</span><br><span class="line">70</span><br><span class="line">71</span><br><span class="line">72</span><br><span class="line">73</span><br><span class="line">74</span><br><span class="line">75</span><br><span class="line">76</span><br><span class="line">77</span><br><span class="line">78</span><br><span class="line">79</span><br><span class="line">80</span><br><span class="line">81</span><br><span class="line">82</span><br><span class="line">83</span><br><span class="line">84</span><br><span class="line">85</span><br><span class="line">86</span><br><span class="line">87</span><br><span class="line">88</span><br><span class="line">89</span><br><span class="line">90</span><br><span class="line">91</span><br><span class="line">92</span><br><span class="line">93</span><br><span class="line">94</span><br><span class="line">95</span><br><span class="line">96</span><br><span class="line">97</span><br><span class="line">98</span><br><span class="line">99</span><br><span class="line">100</span><br><span class="line">101</span><br><span class="line">102</span><br><span class="line">103</span><br><span class="line">104</span><br><span class="line">105</span><br><span class="line">106</span><br><span class="line">107</span><br><span class="line">108</span><br><span class="line">109</span><br><span class="line">110</span><br><span class="line">111</span><br><span class="line">112</span><br><span class="line">113</span><br><span class="line">114</span><br><span class="line">115</span><br><span class="line">116</span><br><span class="line">117</span><br><span class="line">118</span><br><span class="line">119</span><br><span class="line">120</span><br><span class="line">121</span><br><span class="line">122</span><br><span class="line">123</span><br><span class="line">124</span><br><span class="line">125</span><br><span class="line">126</span><br><span class="line">127</span><br><span class="line">128</span><br><span class="line">129</span><br><span class="line">130</span><br><span class="line">131</span><br><span class="line">132</span><br><span class="line">133</span><br><span class="line">134</span><br><span class="line">135</span><br><span class="line">136</span><br><span class="line">137</span><br><span class="line">138</span><br><span class="line">139</span><br><span class="line">140</span><br><span class="line">141</span><br><span class="line">142</span><br><span class="line">143</span><br><span class="line">144</span><br><span class="line">145</span><br><span class="line">146</span><br><span class="line">147</span><br><span class="line">148</span><br><span class="line">149</span><br><span class="line">150</span><br><span class="line">151</span><br><span class="line">152</span><br><span class="line">153</span><br><span class="line">154</span><br><span class="line">155</span><br><span class="line">156</span><br><span class="line">157</span><br><span class="line">158</span><br><span class="line">159</span><br><span class="line">160</span><br><span class="line">161</span><br><span class="line">162</span><br><span class="line">163</span><br><span class="line">164</span><br><span class="line">165</span><br><span class="line">166</span><br><span class="line">167</span><br><span class="line">168</span><br><span class="line">169</span><br><span class="line">170</span><br><span class="line">171</span><br><span class="line">172</span><br><span class="line">173</span><br><span class="line">174</span><br><span class="line">175</span><br><span class="line">176</span><br><span class="line">177</span><br><span class="line">178</span><br><span class="line">179</span><br><span class="line">180</span><br><span class="line">181</span><br><span class="line">182</span><br><span class="line">183</span><br><span class="line">184</span><br><span class="line">185</span><br><span class="line">186</span><br><span class="line">187</span><br><span class="line">188</span><br><span class="line">189</span><br><span class="line">190</span><br><span class="line">191</span><br><span class="line">192</span><br><span class="line">193</span><br><span class="line">194</span><br><span class="line">195</span><br><span class="line">196</span><br><span class="line">197</span><br><span class="line">198</span><br><span class="line">199</span><br><span class="line">200</span><br><span class="line">201</span><br><span class="line">202</span><br><span class="line">203</span><br><span class="line">204</span><br><span class="line">205</span><br><span class="line">206</span><br><span class="line">207</span><br><span class="line">208</span><br><span class="line">209</span><br><span class="line">210</span><br><span class="line">211</span><br><span class="line">212</span><br><span class="line">213</span><br><span class="line">214</span><br><span class="line">215</span><br><span class="line">216</span><br><span class="line">217</span><br><span class="line">218</span><br><span class="line">219</span><br><span class="line">220</span><br><span class="line">221</span><br><span class="line">222</span><br><span class="line">223</span><br><span class="line">224</span><br><span class="line">225</span><br><span class="line">226</span><br><span class="line">227</span><br><span class="line">228</span><br><span class="line">229</span><br><span class="line">230</span><br><span class="line">231</span><br><span class="line">232</span><br><span class="line">233</span><br><span class="line">234</span><br><span class="line">235</span><br><span class="line">236</span><br><span class="line">237</span><br><span class="line">238</span><br><span class="line">239</span><br><span class="line">240</span><br><span class="line">241</span><br><span class="line">242</span><br><span class="line">243</span><br><span class="line">244</span><br><span class="line">245</span><br><span class="line">246</span><br><span class="line">247</span><br><span class="line">248</span><br><span class="line">249</span><br><span class="line">250</span><br><span class="line">251</span><br><span class="line">252</span><br><span class="line">253</span><br><span class="line">254</span><br><span class="line">255</span><br><span class="line">256</span><br><span class="line">257</span><br><span class="line">258</span><br><span class="line">259</span><br><span class="line">260</span><br><span class="line">261</span><br><span class="line">262</span><br><span class="line">263</span><br><span class="line">264</span><br><span class="line">265</span><br><span class="line">266</span><br><span class="line">267</span><br><span class="line">268</span><br><span class="line">269</span><br><span class="line">270</span><br><span class="line">271</span><br><span class="line">272</span><br><span class="line">273</span><br><span class="line">274</span><br><span class="line">275</span><br><span class="line">276</span><br><span class="line">277</span><br><span class="line">278</span><br><span class="line">279</span><br><span class="line">280</span><br><span class="line">281</span><br><span class="line">282</span><br><span class="line">283</span><br><span class="line">284</span><br><span class="line">285</span><br><span class="line">286</span><br><span class="line">287</span><br><span class="line">288</span><br><span class="line">289</span><br><span class="line">290</span><br><span class="line">291</span><br><span class="line">292</span><br><span class="line">293</span><br><span class="line">294</span><br><span class="line">295</span><br><span class="line">296</span><br><span class="line">297</span><br><span class="line">298</span><br><span class="line">299</span><br><span class="line">300</span><br><span class="line">301</span><br><span class="line">302</span><br><span class="line">303</span><br><span class="line">304</span><br><span class="line">305</span><br><span class="line">306</span><br><span class="line">307</span><br><span class="line">308</span><br><span class="line">309</span><br><span class="line">310</span><br><span class="line">311</span><br><span class="line">312</span><br><span class="line">313</span><br><span class="line">314</span><br><span class="line">315</span><br><span class="line">316</span><br><span class="line">317</span><br><span class="line">318</span><br><span class="line">319</span><br><span class="line">320</span><br><span class="line">321</span><br><span class="line">322</span><br><span class="line">323</span><br><span class="line">324</span><br><span class="line">325</span><br><span class="line">326</span><br><span class="line">327</span><br><span class="line">328</span><br><span class="line">329</span><br><span class="line">330</span><br><span class="line">331</span><br><span class="line">332</span><br><span class="line">333</span><br><span class="line">334</span><br><span class="line">335</span><br><span class="line">336</span><br><span class="line">337</span><br><span class="line">338</span><br><span class="line">339</span><br><span class="line">340</span><br><span class="line">341</span><br><span class="line">342</span><br><span class="line">343</span><br><span class="line">344</span><br><span class="line">345</span><br><span class="line">346</span><br><span class="line">347</span><br><span class="line">348</span><br><span class="line">349</span><br><span class="line">350</span><br><span class="line">351</span><br><span class="line">352</span><br><span class="line">353</span><br><span class="line">354</span><br><span class="line">355</span><br><span class="line">356</span><br><span class="line">357</span><br><span class="line">358</span><br><span class="line">359</span><br><span class="line">360</span><br><span class="line">361</span><br><span class="line">362</span><br><span class="line">363</span><br><span class="line">364</span><br><span class="line">365</span><br><span class="line">366</span><br><span class="line">367</span><br><span class="line">368</span><br><span class="line">369</span><br><span class="line">370</span><br><span class="line">371</span><br><span class="line">372</span><br><span class="line">373</span><br><span class="line">374</span><br><span class="line">375</span><br><span class="line">376</span><br><span class="line">377</span><br><span class="line">378</span><br><span class="line">379</span><br><span class="line">380</span><br><span class="line">381</span><br><span class="line">382</span><br><span class="line">383</span><br><span class="line">384</span><br><span class="line">385</span><br><span class="line">386</span><br><span class="line">387</span><br><span class="line">388</span><br><span class="line">389</span><br><span class="line">390</span><br><span class="line">391</span><br><span class="line">392</span><br><span class="line">393</span><br><span class="line">394</span><br><span class="line">395</span><br><span class="line">396</span><br><span class="line">397</span><br><span class="line">398</span><br><span class="line">399</span><br><span class="line">400</span><br><span class="line">401</span><br><span class="line">402</span><br><span class="line">403</span><br><span class="line">404</span><br><span class="line">405</span><br><span class="line">406</span><br><span class="line">407</span><br><span class="line">408</span><br><span class="line">409</span><br><span class="line">410</span><br><span class="line">411</span><br><span class="line">412</span><br><span class="line">413</span><br><span class="line">414</span><br><span class="line">415</span><br><span class="line">416</span><br><span class="line">417</span><br><span class="line">418</span><br><span class="line">419</span><br><span class="line">420</span><br><span class="line">421</span><br><span class="line">422</span><br><span class="line">423</span><br><span class="line">424</span><br><span class="line">425</span><br><span class="line">426</span><br><span class="line">427</span><br><span class="line">428</span><br><span class="line">429</span><br><span class="line">430</span><br><span class="line">431</span><br><span class="line">432</span><br><span class="line">433</span><br><span class="line">434</span><br><span class="line">435</span><br><span class="line">436</span><br><span class="line">437</span><br><span class="line">438</span><br><span class="line">439</span><br><span class="line">440</span><br><span class="line">441</span><br><span class="line">442</span><br><span class="line">443</span><br><span class="line">444</span><br><span class="line">445</span><br><span class="line">446</span><br><span class="line">447</span><br><span class="line">448</span><br></pre></td><td class="code"><pre><span class="line"><span class="keyword">var</span> smjq = jQuery;</span><br><span class="line"><span class="keyword">var</span> _typei = <span class="number">0</span>;</span><br><span class="line"><span class="keyword">var</span> weichuncai_text = <span class="string">&#x27;&#x27;</span>;</span><br><span class="line"><span class="title function_">smjq</span>(<span class="variable language_">document</span>).<span class="title function_">ready</span>(<span class="keyword">function</span>(<span class="params"></span>)&#123;</span><br><span class="line"><span class="keyword">var</span> getwidth = <span class="title function_">getCookie</span>(<span class="string">&quot;historywidth&quot;</span>);</span><br><span class="line"><span class="keyword">var</span> getheight = <span class="title function_">getCookie</span>(<span class="string">&quot;historyheight&quot;</span>);</span><br><span class="line"><span class="keyword">if</span>(getwidth != <span class="literal">null</span> &amp;&amp; getheight != <span class="literal">null</span>)&#123;</span><br><span class="line"><span class="keyword">var</span> width = getwidth;</span><br><span class="line"><span class="keyword">var</span> height = getheight;</span><br><span class="line">&#125;<span class="keyword">else</span>&#123;</span><br><span class="line"><span class="keyword">var</span> width = <span class="variable language_">document</span>.<span class="property">documentElement</span>.<span class="property">clientWidth</span>- <span class="number">200</span> - imagewidth;</span><br><span class="line"><span class="keyword">var</span> height = <span class="variable language_">document</span>.<span class="property">documentElement</span>.<span class="property">clientHeight</span>- <span class="number">180</span> - imageheight;</span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line"><span class="keyword">var</span> cwidth = <span class="variable language_">document</span>.<span class="property">documentElement</span>.<span class="property">clientWidth</span>-<span class="number">100</span>;</span><br><span class="line"><span class="keyword">var</span> cheight = <span class="variable language_">document</span>.<span class="property">documentElement</span>.<span class="property">clientHeight</span>-<span class="number">20</span>;</span><br><span class="line"><span class="comment">//var height = document.body.clientHeight-200;</span></span><br><span class="line"><span class="keyword">var</span> moveX = <span class="number">0</span>;</span><br><span class="line"><span class="keyword">var</span> moveY = <span class="number">0</span>;</span><br><span class="line"><span class="keyword">var</span> moveTop = <span class="number">0</span>;</span><br><span class="line"><span class="keyword">var</span> moveLeft = <span class="number">0</span>;</span><br><span class="line"><span class="keyword">var</span> moveable = <span class="literal">false</span>;</span><br><span class="line"><span class="keyword">var</span> docMouseMoveEvent = <span class="variable language_">document</span>.<span class="property">onmousemove</span>;</span><br><span class="line"><span class="keyword">var</span> docMouseUpEvent = <span class="variable language_">document</span>.<span class="property">onmouseup</span>;</span><br><span class="line"></span><br><span class="line"><span class="title function_">smjq</span>(<span class="string">&quot;body&quot;</span>).<span class="title function_">append</span>(<span class="string">&#x27;&lt;div id=&quot;smchuncai&quot; onfocus=&quot;this.blur();&quot; style=&quot;color:#626262;z-index:999;&quot;&gt;&lt;div id=&quot;chuncaiface&quot;&gt;&lt;/div&gt;&lt;div id=&quot;dialog_chat&quot;&gt;&lt;div id=&quot;chat_top&quot;&gt;&lt;/div&gt;&lt;div id=&quot;dialog_chat_contents&quot;&gt;&lt;div id=&quot;dialog_chat_loading&quot;&gt;&lt;/div&gt;&lt;div id=&quot;tempsaying&quot;&gt;&lt;/div&gt;&lt;div id=&quot;showchuncaimenu&quot;&gt;&lt;ul class=&quot;wcc_mlist&quot; id=&quot;shownotice&quot;&gt;显示公告&lt;/ul&gt;&lt;ul class=&quot;wcc_mlist&quot; id=&quot;chatTochuncai&quot;&gt;聊&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;天&lt;/ul&gt;&lt;ul class=&quot;wcc_mlist&quot; id=&quot;foods&quot;&gt;吃 零 食&lt;/ul&gt;&lt;ul class=&quot;wcc_mlist&quot; id=&quot;aboutmanage&quot;&gt;关&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;于&lt;/ul&gt;&lt;ul class=&quot;wcc_mlist&quot; id=&quot;lifetimechuncai&quot;&gt;生存时间&lt;/ul&gt;&lt;ul class=&quot;wcc_mlist&quot; id=&quot;closechuncai&quot;&gt;关闭春菜&lt;/ul&gt;&lt;/div&gt;&lt;div&gt;&lt;ul id=&quot;chuncaisaying&quot;&gt;&lt;/ul&gt;&lt;/div&gt;&lt;div id=&quot;getmenu&quot;&gt; &lt;/div&gt;&lt;/div&gt;&lt;div id=&quot;chat_bottom&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&#x27;</span>);</span><br><span class="line"><span class="title function_">smjq</span>(<span class="string">&quot;#smchuncai&quot;</span>).<span class="title function_">append</span>(<span class="string">&#x27;&lt;div id=&quot;addinput&quot;&gt;&lt;div id=&quot;inp_l&quot;&gt;&lt;input id=&quot;talk&quot; type=&quot;text&quot; name=&quot;mastersay&quot; value=&quot;&quot; /&gt; &lt;input id=&quot;talkto&quot; type=&quot;button&quot; value=&quot; &quot; /&gt;&lt;/div&gt;&lt;div id=&quot;inp_r&quot;&gt; X &lt;/div&gt;&lt;/div&gt;&#x27;</span>);</span><br><span class="line"><span class="title function_">smjq</span>(<span class="string">&quot;body&quot;</span>).<span class="title function_">append</span>(<span class="string">&#x27;&lt;div id=&quot;callchuncai&quot;&gt;召唤春菜&lt;/div&gt;&#x27;</span>);</span><br><span class="line"><span class="comment">//判断春菜是否处于隐藏状态</span></span><br><span class="line"><span class="keyword">var</span> is_closechuncai = <span class="title function_">getCookie</span>(<span class="string">&quot;is_closechuncai&quot;</span>);</span><br><span class="line"><span class="keyword">if</span>(is_closechuncai == <span class="string">&#x27;close&#x27;</span>)&#123;</span><br><span class="line"><span class="title function_">closechuncai_init</span>();</span><br><span class="line">&#125;</span><br><span class="line"><span class="comment">//设置初始状态</span></span><br><span class="line"><span class="title function_">getdata</span>(<span class="string">&quot;getnotice&quot;</span>);</span><br><span class="line"><span class="title function_">setFace</span>(<span class="number">1</span>);</span><br><span class="line"></span><br><span class="line"><span class="title function_">smjq</span>(<span class="string">&quot;#smchuncai&quot;</span>).<span class="title function_">css</span>(<span class="string">&#x27;left&#x27;</span>, width+<span class="string">&#x27;px&#x27;</span>);</span><br><span class="line"><span class="title function_">smjq</span>(<span class="string">&quot;#smchuncai&quot;</span>).<span class="title function_">css</span>(<span class="string">&#x27;top&#x27;</span>, height+<span class="string">&#x27;px&#x27;</span>);</span><br><span class="line"><span class="title function_">smjq</span>(<span class="string">&quot;#smchuncai&quot;</span>).<span class="title function_">css</span>(<span class="string">&#x27;width&#x27;</span>, imagewidth+<span class="string">&#x27;px&#x27;</span>);</span><br><span class="line"><span class="title function_">smjq</span>(<span class="string">&quot;#smchuncai&quot;</span>).<span class="title function_">css</span>(<span class="string">&#x27;height&#x27;</span>, imageheight+<span class="string">&#x27;px&#x27;</span>);</span><br><span class="line"><span class="title function_">smjq</span>(<span class="string">&quot;#callchuncai&quot;</span>).<span class="title function_">attr</span>(<span class="string">&quot;style&quot;</span>, <span class="string">&quot;top:&quot;</span>+cheight+<span class="string">&quot;px; left:&quot;</span>+cwidth+<span class="string">&quot;px; text-align:center;&quot;</span>);</span><br><span class="line"></span><br><span class="line">smcc = <span class="variable language_">document</span>.<span class="title function_">getElementById</span>(<span class="string">&quot;smchuncai&quot;</span>);</span><br><span class="line">smcc.<span class="property">onmousedown</span> = <span class="keyword">function</span>(<span class="params"></span>)&#123;</span><br><span class="line"><span class="keyword">var</span> ent = <span class="title function_">getEvent</span>();</span><br><span class="line">moveable = <span class="literal">true</span>;</span><br><span class="line">moveX = ent.<span class="property">clientX</span>;</span><br><span class="line">moveY = ent.<span class="property">clientY</span>;</span><br><span class="line"><span class="keyword">var</span> obj = <span class="variable language_">document</span>.<span class="title function_">getElementById</span>(<span class="string">&quot;smchuncai&quot;</span>);</span><br><span class="line">moveTop = <span class="built_in">parseInt</span>(obj.<span class="property">style</span>.<span class="property">top</span>);</span><br><span class="line">moveLeft = <span class="built_in">parseInt</span>(obj.<span class="property">style</span>.<span class="property">left</span>);</span><br><span class="line"><span class="keyword">if</span>(isFirefox=navigator.<span class="property">userAgent</span>.<span class="title function_">indexOf</span>(<span class="string">&quot;Firefox&quot;</span>)&gt;<span class="number">0</span>)&#123;</span><br><span class="line"><span class="variable language_">window</span>.<span class="title function_">getSelection</span>().<span class="title function_">removeAllRanges</span>();</span><br><span class="line">&#125;</span><br><span class="line"><span class="variable language_">document</span>.<span class="property">onmousemove</span> = <span class="keyword">function</span>(<span class="params"></span>)&#123;</span><br><span class="line"><span class="keyword">if</span>(moveable)&#123;</span><br><span class="line"><span class="keyword">var</span> ent = <span class="title function_">getEvent</span>();</span><br><span class="line"><span class="keyword">var</span> x = moveLeft + ent.<span class="property">clientX</span> - moveX;</span><br><span class="line"><span class="keyword">var</span> y = moveTop + ent.<span class="property">clientY</span> - moveY;</span><br><span class="line"><span class="keyword">var</span> w = <span class="number">200</span>;</span><br><span class="line"><span class="keyword">var</span> h = <span class="number">200</span>;<span class="comment">//w,h为浮层宽高</span></span><br><span class="line">obj.<span class="property">style</span>.<span class="property">left</span> = x + <span class="string">&quot;px&quot;</span>;</span><br><span class="line">obj.<span class="property">style</span>.<span class="property">top</span> = y + <span class="string">&quot;px&quot;</span>;</span><br><span class="line">&#125;</span><br><span class="line">&#125;;</span><br><span class="line"><span class="variable language_">document</span>.<span class="property">onmouseup</span> = <span class="keyword">function</span>(<span class="params"></span>)&#123;</span><br><span class="line"><span class="keyword">if</span>(moveable)&#123;</span><br><span class="line"><span class="keyword">var</span> historywidth = obj.<span class="property">style</span>.<span class="property">left</span>;</span><br><span class="line"><span class="keyword">var</span> historyheight = obj.<span class="property">style</span>.<span class="property">top</span>;</span><br><span class="line">historywidth = historywidth.<span class="title function_">replace</span>(<span class="string">&#x27;px&#x27;</span>, <span class="string">&#x27;&#x27;</span>);</span><br><span class="line">historyheight = historyheight.<span class="title function_">replace</span>(<span class="string">&#x27;px&#x27;</span>, <span class="string">&#x27;&#x27;</span>);</span><br><span class="line"><span class="title function_">setCookie</span>(<span class="string">&quot;historywidth&quot;</span>, historywidth, <span class="number">60</span>*<span class="number">60</span>*<span class="number">24</span>*<span class="number">30</span>*<span class="number">1000</span>);</span><br><span class="line"><span class="title function_">setCookie</span>(<span class="string">&quot;historyheight&quot;</span>, historyheight, <span class="number">60</span>*<span class="number">60</span>*<span class="number">24</span>*<span class="number">30</span>*<span class="number">1000</span>);</span><br><span class="line"><span class="variable language_">document</span>.<span class="property">onmousemove</span> = docMouseMoveEvent;</span><br><span class="line"><span class="variable language_">document</span>.<span class="property">onmouseup</span> = docMouseUpEvent;</span><br><span class="line">moveable = <span class="literal">false</span>; </span><br><span class="line">moveX = <span class="number">0</span>;</span><br><span class="line">moveY = <span class="number">0</span>;</span><br><span class="line">moveTop = <span class="number">0</span>;</span><br><span class="line">moveLeft = <span class="number">0</span>;</span><br><span class="line">&#125;</span><br><span class="line">&#125;</span><br><span class="line">&#125;;</span><br><span class="line"><span class="title function_">smjq</span>(<span class="string">&quot;#getmenu&quot;</span>).<span class="title function_">click</span>(<span class="keyword">function</span>(<span class="params"></span>)&#123;</span><br><span class="line"><span class="title function_">chuncaiMenu</span>();</span><br><span class="line"><span class="title function_">setFace</span>(<span class="number">1</span>);</span><br><span class="line">&#125;);</span><br><span class="line"><span class="title function_">smjq</span>(<span class="string">&quot;#shownotice&quot;</span>).<span class="title function_">click</span>(<span class="keyword">function</span>(<span class="params"></span>)&#123;</span><br><span class="line"><span class="title function_">getdata</span>(<span class="string">&quot;getnotice&quot;</span>);</span><br><span class="line"> <span class="title function_">setFace</span>(<span class="number">1</span>);</span><br><span class="line">&#125;);</span><br><span class="line"><span class="title function_">smjq</span>(<span class="string">&quot;#closechuncai&quot;</span>).<span class="title function_">click</span>(<span class="keyword">function</span>(<span class="params"></span>)&#123;</span><br><span class="line"><span class="title function_">setFace</span>(<span class="number">3</span>);</span><br><span class="line"><span class="title function_">closechuncai</span>();</span><br><span class="line">&#125;);</span><br><span class="line"><span class="title function_">smjq</span>(<span class="string">&quot;#callchuncai&quot;</span>).<span class="title function_">click</span>(<span class="keyword">function</span>(<span class="params"></span>)&#123;</span><br><span class="line"><span class="title function_">setFace</span>(<span class="number">2</span>);</span><br><span class="line"><span class="title function_">callchuncai</span>();</span><br><span class="line"><span class="title function_">setCookie</span>(<span class="string">&quot;is_closechuncai&quot;</span>, <span class="string">&#x27;&#x27;</span>, <span class="number">60</span>*<span class="number">60</span>*<span class="number">24</span>*<span class="number">30</span>*<span class="number">1000</span>);</span><br><span class="line">&#125;);</span><br><span class="line"><span class="title function_">smjq</span>(<span class="string">&quot;#shownotice&quot;</span>).<span class="title function_">click</span>(<span class="keyword">function</span>(<span class="params"></span>)&#123;</span><br><span class="line"><span class="title function_">setFace</span>(<span class="number">1</span>);</span><br><span class="line"><span class="title function_">closeChuncaiMenu</span>();</span><br><span class="line">&#125;);</span><br><span class="line"><span class="title function_">smjq</span>(<span class="string">&quot;#lifetimechuncai&quot;</span>).<span class="title function_">click</span>(<span class="keyword">function</span>(<span class="params"></span>)&#123;</span><br><span class="line"><span class="title function_">closeChuncaiMenu</span>();</span><br><span class="line"><span class="title function_">closeNotice</span>();</span><br><span class="line"><span class="title function_">setFace</span>(<span class="number">2</span>);</span><br><span class="line"><span class="title function_">getdata</span>(<span class="string">&#x27;showlifetime&#x27;</span>);</span><br><span class="line">&#125;);</span><br><span class="line"><span class="title function_">smjq</span>(<span class="string">&quot;#chatTochuncai&quot;</span>).<span class="title function_">click</span>(<span class="keyword">function</span>(<span class="params"></span>)&#123;</span><br><span class="line"><span class="title function_">showInput</span>();</span><br><span class="line">&#125;);</span><br><span class="line"><span class="title function_">smjq</span>(<span class="string">&quot;#inp_r&quot;</span>).<span class="title function_">click</span>(<span class="keyword">function</span>(<span class="params"></span>)&#123;</span><br><span class="line"><span class="title function_">closeInput</span>();</span><br><span class="line"><span class="title function_">chuncaiSay</span>(<span class="string">&#x27;不聊天了吗？(→_→)&#x27;</span>);</span><br><span class="line"><span class="title function_">setFace</span>(<span class="number">3</span>);</span><br><span class="line">&#125;);</span><br><span class="line"><span class="title function_">smjq</span>(<span class="string">&quot;#talkto&quot;</span>).<span class="title function_">click</span>(<span class="keyword">function</span>(<span class="params"></span>)&#123;</span><br><span class="line"><span class="title function_">getdata</span>(<span class="string">&quot;talking&quot;</span>);</span><br><span class="line">&#125;);</span><br><span class="line"><span class="title function_">smjq</span>(<span class="string">&quot;#aboutmanage&quot;</span>).<span class="title function_">click</span>(<span class="keyword">function</span>(<span class="params"></span>)&#123;</span><br><span class="line"><span class="title function_">closeChuncaiMenu</span>();</span><br><span class="line"><span class="title function_">closeNotice</span>();</span><br><span class="line"><span class="title function_">smjq</span>(<span class="string">&quot;#getmenu&quot;</span>).<span class="title function_">css</span>(<span class="string">&quot;display&quot;</span>, <span class="string">&quot;none&quot;</span>);</span><br><span class="line"><span class="title function_">chuncaiSay</span>(<span class="string">&quot;你想了解我主人？跟我来吧～～～&quot;</span>);</span><br><span class="line"><span class="title function_">setFace</span>(<span class="number">2</span>);</span><br><span class="line"><span class="built_in">setTimeout</span>(<span class="keyword">function</span>(<span class="params"></span>)&#123;</span><br><span class="line"><span class="variable language_">window</span>.<span class="property">location</span>.<span class="property">href</span> = _about_path ;</span><br><span class="line">&#125;, <span class="number">2000</span>);</span><br><span class="line">&#125;);</span><br><span class="line"><span class="title function_">smjq</span>(<span class="string">&quot;#foods&quot;</span>).<span class="title function_">click</span>(<span class="keyword">function</span>(<span class="params"></span>)&#123;</span><br><span class="line"><span class="title function_">closeChuncaiMenu</span>();</span><br><span class="line"><span class="title function_">closeNotice</span>();</span><br><span class="line"><span class="title function_">getdata</span>(<span class="string">&quot;foods&quot;</span>);</span><br><span class="line">&#125;);</span><br><span class="line"><span class="comment">/*smjq(&quot;#showchuncaimenu&quot;).hover(function()&#123;</span></span><br><span class="line"><span class="comment">&#125;,function()&#123;</span></span><br><span class="line"><span class="comment">smjq(&quot;#showchuncaimenu&quot;).slideUp(&#x27;slow&#x27;).show();</span></span><br><span class="line"><span class="comment">&#125;);*/</span></span><br><span class="line"><span class="variable language_">document</span>.<span class="property">onmousemove</span> = <span class="keyword">function</span>(<span class="params"></span>)&#123;</span><br><span class="line"><span class="title function_">stoptime</span>();</span><br><span class="line">tol = <span class="number">0</span>;</span><br><span class="line"><span class="title function_">setTime</span>();</span><br><span class="line"><span class="comment">//chuncaiSay(&quot;啊，野生的主人出现了！ ～～～O口O&quot;);</span></span><br><span class="line">&#125;</span><br><span class="line"><span class="title function_">talkSelf</span>(talktime);</span><br><span class="line"><span class="variable language_">document</span>.<span class="title function_">getElementById</span>(<span class="string">&quot;smchuncai&quot;</span>).<span class="property">onmouseover</span> = <span class="keyword">function</span>(<span class="params"></span>)&#123;</span><br><span class="line"><span class="keyword">if</span>(talkobj)&#123;</span><br><span class="line"><span class="built_in">clearTimeout</span>(talkobj);</span><br><span class="line">&#125;</span><br><span class="line">talktime = <span class="number">0</span>;</span><br><span class="line"><span class="title function_">talkSelf</span>(talktime);</span><br><span class="line">&#125;</span><br><span class="line">&#125;);</span><br><span class="line"></span><br><span class="line"><span class="keyword">function</span> <span class="title function_">getEvent</span>(<span class="params"></span>) &#123;</span><br><span class="line"><span class="keyword">return</span> <span class="variable language_">window</span>.<span class="property">event</span> || <span class="variable language_">arguments</span>.<span class="property">callee</span>.<span class="property">caller</span>.<span class="property">arguments</span>[<span class="number">0</span>];</span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line"><span class="keyword">var</span> eattimes = <span class="number">0</span>;</span><br><span class="line"><span class="keyword">function</span> <span class="title function_">eatfood</span>(<span class="params">obj</span>)&#123;</span><br><span class="line"><span class="keyword">var</span> gettimes = <span class="title function_">getCookie</span>(<span class="string">&quot;eattimes&quot;</span>);</span><br><span class="line"><span class="keyword">if</span>(<span class="built_in">parseInt</span>(gettimes) &gt; <span class="built_in">parseInt</span>(<span class="number">9</span>))&#123;</span><br><span class="line"><span class="title function_">chuncaiSay</span>(<span class="string">&quot;主人是个大混蛋！！&quot;</span>);</span><br><span class="line"><span class="title function_">setFace</span>(<span class="number">3</span>);</span><br><span class="line"><span class="title function_">closechuncai_evil</span>();</span><br><span class="line">&#125;<span class="keyword">else</span> <span class="keyword">if</span>(<span class="built_in">parseInt</span>(gettimes) &gt; <span class="built_in">parseInt</span>(<span class="number">7</span>))&#123;</span><br><span class="line"><span class="title function_">chuncaiSay</span>(<span class="string">&quot;.....................肚子要炸了，死也不要再吃了～～！！！TAT&quot;</span>);</span><br><span class="line"><span class="title function_">setFace</span>(<span class="number">3</span>);</span><br><span class="line">&#125;<span class="keyword">else</span> <span class="keyword">if</span>(<span class="built_in">parseInt</span>(gettimes) == <span class="built_in">parseInt</span>(<span class="number">5</span>))&#123;</span><br><span class="line"><span class="title function_">chuncaiSay</span>(<span class="string">&quot;我已经吃饱了，不要再吃啦......&quot;</span>);</span><br><span class="line"><span class="title function_">setFace</span>(<span class="number">3</span>);</span><br><span class="line">&#125;<span class="keyword">else</span> <span class="keyword">if</span>(<span class="built_in">parseInt</span>(gettimes) == <span class="built_in">parseInt</span>(<span class="number">3</span>))&#123;</span><br><span class="line"><span class="title function_">chuncaiSay</span>(<span class="string">&quot;多谢款待，我吃饱啦～～～ ╰（￣▽￣）╭&quot;</span>);</span><br><span class="line"><span class="title function_">setFace</span>(<span class="number">2</span>);</span><br><span class="line">&#125;<span class="keyword">else</span>&#123;</span><br><span class="line"><span class="keyword">var</span> id = obj.<span class="title function_">replace</span>(<span class="string">&quot;f&quot;</span>,<span class="string">&#x27;&#x27;</span>);</span><br><span class="line"><span class="title function_">getdata</span>(<span class="string">&#x27;eatsay&#x27;</span>, id);</span><br><span class="line">&#125;</span><br><span class="line">eattimes++;</span><br><span class="line"><span class="title function_">setCookie</span>(<span class="string">&quot;eattimes&quot;</span>, eattimes, <span class="number">60</span>*<span class="number">10</span>*<span class="number">1000</span>);</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">function</span> <span class="title function_">chuncaiMenu</span>(<span class="params"></span>)&#123;</span><br><span class="line"><span class="comment">//smjq(&quot;#showchuncaimenu&quot;).slideDown(&#x27;fast&#x27;).show();</span></span><br><span class="line"><span class="title function_">clearChuncaiSay</span>();</span><br><span class="line"><span class="title function_">closeInput</span>();</span><br><span class="line"><span class="title function_">chuncaiSay</span>(<span class="string">&quot;准备做什么呢？&quot;</span>);</span><br><span class="line"><span class="title function_">smjq</span>(<span class="string">&quot;#showchuncaimenu&quot;</span>).<span class="title function_">css</span>(<span class="string">&quot;display&quot;</span>, <span class="string">&quot;block&quot;</span>);</span><br><span class="line"><span class="title function_">smjq</span>(<span class="string">&quot;#getmenu&quot;</span>).<span class="title function_">css</span>(<span class="string">&quot;display&quot;</span>, <span class="string">&quot;none&quot;</span>);</span><br><span class="line"><span class="title function_">smjq</span>(<span class="string">&quot;#chuncaisaying&quot;</span>).<span class="title function_">css</span>(<span class="string">&quot;display&quot;</span>, <span class="string">&quot;none&quot;</span>);</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">function</span> <span class="title function_">closeChuncaiMenu</span>(<span class="params"></span>)&#123;</span><br><span class="line"><span class="title function_">clearChuncaiSay</span>();</span><br><span class="line"><span class="title function_">smjq</span>(<span class="string">&quot;#showchuncaimenu&quot;</span>).<span class="title function_">css</span>(<span class="string">&quot;display&quot;</span>, <span class="string">&quot;none&quot;</span>);</span><br><span class="line"><span class="comment">//smjq(&quot;#chuncaisaying&quot;).css(&quot;display&quot;, &quot;block&quot;);</span></span><br><span class="line"><span class="title function_">showNotice</span>();</span><br><span class="line"><span class="title function_">smjq</span>(<span class="string">&quot;#getmenu&quot;</span>).<span class="title function_">css</span>(<span class="string">&quot;display&quot;</span>, <span class="string">&quot;block&quot;</span>);</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">function</span> <span class="title function_">showNotice</span>(<span class="params"></span>)&#123;</span><br><span class="line"><span class="title function_">smjq</span>(<span class="string">&quot;#chuncaisaying&quot;</span>).<span class="title function_">css</span>(<span class="string">&quot;display&quot;</span>, <span class="string">&quot;block&quot;</span>);</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">function</span> <span class="title function_">closechuncai</span>(<span class="params"></span>)&#123;</span><br><span class="line"><span class="title function_">stopTalkSelf</span>();</span><br><span class="line"><span class="title function_">chuncaiSay</span>(<span class="string">&quot;记得再叫我出来哦...&quot;</span>);</span><br><span class="line"><span class="title function_">smjq</span>(<span class="string">&quot;#showchuncaimenu&quot;</span>).<span class="title function_">css</span>(<span class="string">&quot;display&quot;</span>, <span class="string">&quot;none&quot;</span>);</span><br><span class="line"><span class="built_in">setTimeout</span>(<span class="keyword">function</span>(<span class="params"></span>)&#123;</span><br><span class="line"><span class="title function_">smjq</span>(<span class="string">&quot;#smchuncai&quot;</span>).<span class="title function_">fadeOut</span>(<span class="number">1200</span>);</span><br><span class="line"><span class="title function_">smjq</span>(<span class="string">&quot;#callchuncai&quot;</span>).<span class="title function_">css</span>(<span class="string">&quot;display&quot;</span>, <span class="string">&quot;block&quot;</span>);&#125;, <span class="number">2000</span>);</span><br><span class="line"><span class="comment">//保存关闭状态的春菜</span></span><br><span class="line"><span class="title function_">setCookie</span>(<span class="string">&quot;is_closechuncai&quot;</span>, <span class="string">&#x27;close&#x27;</span>, <span class="number">60</span>*<span class="number">60</span>*<span class="number">24</span>*<span class="number">30</span>*<span class="number">1000</span>);</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">function</span> <span class="title function_">closechuncai_evil</span>(<span class="params"></span>)&#123;</span><br><span class="line"><span class="title function_">stopTalkSelf</span>();</span><br><span class="line"><span class="title function_">smjq</span>(<span class="string">&quot;#showchuncaimenu&quot;</span>).<span class="title function_">css</span>(<span class="string">&quot;display&quot;</span>, <span class="string">&quot;none&quot;</span>);</span><br><span class="line"><span class="built_in">setTimeout</span>(<span class="keyword">function</span>(<span class="params"></span>)&#123;</span><br><span class="line"><span class="title function_">smjq</span>(<span class="string">&quot;#smchuncai&quot;</span>).<span class="title function_">fadeOut</span>(<span class="number">1200</span>);</span><br><span class="line"><span class="title function_">smjq</span>(<span class="string">&quot;#callchuncai&quot;</span>).<span class="title function_">css</span>(<span class="string">&quot;display&quot;</span>, <span class="string">&quot;block&quot;</span>);&#125;, <span class="number">2000</span>);</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">function</span> <span class="title function_">closechuncai_init</span>(<span class="params"></span>)&#123;</span><br><span class="line"><span class="title function_">stopTalkSelf</span>();</span><br><span class="line"><span class="title function_">smjq</span>(<span class="string">&quot;#showchuncaimenu&quot;</span>).<span class="title function_">css</span>(<span class="string">&quot;display&quot;</span>, <span class="string">&quot;none&quot;</span>);</span><br><span class="line"><span class="built_in">setTimeout</span>(<span class="keyword">function</span>(<span class="params"></span>)&#123;</span><br><span class="line"><span class="title function_">smjq</span>(<span class="string">&quot;#smchuncai&quot;</span>).<span class="title function_">css</span>(<span class="string">&quot;display&quot;</span>, <span class="string">&quot;none&quot;</span>);</span><br><span class="line"><span class="title function_">smjq</span>(<span class="string">&quot;#callchuncai&quot;</span>).<span class="title function_">css</span>(<span class="string">&quot;display&quot;</span>, <span class="string">&quot;block&quot;</span>);&#125;, <span class="number">30</span>);</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">function</span> <span class="title function_">callchuncai</span>(<span class="params"></span>)&#123;</span><br><span class="line"><span class="title function_">talkSelf</span>(talktime);</span><br><span class="line"><span class="title function_">smjq</span>(<span class="string">&quot;#smchuncai&quot;</span>).<span class="title function_">fadeIn</span>(<span class="string">&#x27;normal&#x27;</span>);</span><br><span class="line"><span class="title function_">smjq</span>(<span class="string">&quot;#callchuncai&quot;</span>).<span class="title function_">css</span>(<span class="string">&quot;display&quot;</span>, <span class="string">&quot;none&quot;</span>);</span><br><span class="line"><span class="title function_">closeChuncaiMenu</span>();</span><br><span class="line"><span class="title function_">closeNotice</span>();</span><br><span class="line"><span class="title function_">chuncaiSay</span>(<span class="string">&quot;我回来啦～&quot;</span>);</span><br><span class="line"><span class="title function_">setCookie</span>(<span class="string">&quot;is_closechuncai&quot;</span>, <span class="string">&#x27;&#x27;</span>, <span class="number">60</span>*<span class="number">60</span>*<span class="number">24</span>*<span class="number">30</span>*<span class="number">1000</span>);</span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line"><span class="keyword">function</span> <span class="title function_">chuncaiSay</span>(<span class="params">s</span>)&#123;</span><br><span class="line"><span class="title function_">clearChuncaiSay</span>();</span><br><span class="line"><span class="title function_">smjq</span>(<span class="string">&quot;#tempsaying&quot;</span>).<span class="title function_">append</span>(s);</span><br><span class="line"><span class="title function_">smjq</span>(<span class="string">&quot;#tempsaying&quot;</span>).<span class="title function_">css</span>(<span class="string">&quot;display&quot;</span>, <span class="string">&quot;block&quot;</span>);</span><br><span class="line">weichuncai_text = s;</span><br><span class="line"><span class="title function_">typeWords</span>();</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">function</span> <span class="title function_">clearChuncaiSay</span>(<span class="params"></span>)&#123;</span><br><span class="line"><span class="variable language_">document</span>.<span class="title function_">getElementById</span>(<span class="string">&quot;tempsaying&quot;</span>).<span class="property">innerHTML</span> = <span class="string">&#x27;&#x27;</span>;</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">function</span> <span class="title function_">closeNotice</span>(<span class="params"></span>)&#123;</span><br><span class="line"><span class="title function_">smjq</span>(<span class="string">&quot;#chuncaisaying&quot;</span>).<span class="title function_">css</span>(<span class="string">&quot;display&quot;</span>, <span class="string">&quot;none&quot;</span>);</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">function</span> <span class="title function_">showInput</span>(<span class="params"></span>)&#123;</span><br><span class="line"><span class="title function_">closeChuncaiMenu</span>();</span><br><span class="line"><span class="title function_">closeNotice</span>();</span><br><span class="line"><span class="title function_">chuncaiSay</span>(<span class="string">&quot;............?&quot;</span>);</span><br><span class="line"><span class="comment">//setFace(1);</span></span><br><span class="line"><span class="title function_">smjq</span>(<span class="string">&quot;#addinput&quot;</span>).<span class="title function_">css</span>(<span class="string">&quot;display&quot;</span>, <span class="string">&quot;block&quot;</span>);</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">function</span> <span class="title function_">closeInput</span>(<span class="params"></span>)&#123;</span><br><span class="line"><span class="title function_">setFace</span>(<span class="number">3</span>);</span><br><span class="line"><span class="title function_">smjq</span>(<span class="string">&quot;#addinput&quot;</span>).<span class="title function_">css</span>(<span class="string">&quot;display&quot;</span>, <span class="string">&quot;none&quot;</span>);</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">function</span> <span class="title function_">clearInput</span>(<span class="params"></span>)&#123;</span><br><span class="line"><span class="variable language_">document</span>.<span class="title function_">getElementById</span>(<span class="string">&quot;talk&quot;</span>).<span class="property">value</span> = <span class="string">&#x27;&#x27;</span>;</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">function</span> <span class="title function_">createFace</span>(<span class="params">a, b, c</span>)&#123;</span><br><span class="line"><span class="title function_">smjq</span>(<span class="string">&quot;head&quot;</span>).<span class="title function_">append</span>(<span class="string">&#x27;&lt;div id=&quot;hiddenfaces&quot;&gt;&lt;img id=&quot;hf1&quot; src=&quot;&#x27;</span>+a+<span class="string">&#x27;&quot; /&gt;&lt;img id=&quot;hf2&quot; src=&quot;&#x27;</span>+b+<span class="string">&#x27;&quot; /&gt;&lt;img id=&quot;hf3&quot; src=&quot;&#x27;</span>+c+<span class="string">&#x27;&quot; /&gt;&lt;/div&gt;&#x27;</span>);</span><br><span class="line"><span class="title function_">setFace</span>(<span class="number">1</span>);</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">function</span> <span class="title function_">setFace</span>(<span class="params">num</span>)&#123;</span><br><span class="line">obj = <span class="variable language_">document</span>.<span class="title function_">getElementById</span>(<span class="string">&quot;hf&quot;</span>+num).<span class="property">src</span>;</span><br><span class="line"><span class="title function_">smjq</span>(<span class="string">&quot;#chuncaiface&quot;</span>).<span class="title function_">attr</span>(<span class="string">&quot;style&quot;</span>, <span class="string">&quot;background:url(&quot;</span>+obj+<span class="string">&quot;) no-repeat scroll 50% 0% transparent; width:&quot;</span>+imagewidth+<span class="string">&quot;px;height:&quot;</span>+imageheight+<span class="string">&quot;px;&quot;</span>);</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">function</span> <span class="title function_">getdata</span>(<span class="params">el, id</span>)&#123;</span><br><span class="line">smjq.<span class="title function_">ajax</span>(&#123;</span><br><span class="line"><span class="attr">type</span>:<span class="string">&#x27;GET&#x27;</span>,</span><br><span class="line"><span class="attr">url</span>:_weichuncai_jsonpath,</span><br><span class="line"><span class="attr">cache</span>:<span class="string">&#x27;false&#x27;</span>,</span><br><span class="line"><span class="attr">dataType</span>: <span class="string">&#x27;html&#x27;</span>,</span><br><span class="line"><span class="attr">contentType</span>: <span class="string">&#x27;application/json; charset=utf8&#x27;</span>,</span><br><span class="line"><span class="attr">beforeSend</span>: <span class="keyword">function</span>(<span class="params"></span>)&#123;</span><br><span class="line"><span class="comment">//smjq(&quot;#dialog_chat&quot;).fadeOut(&quot;normal&quot;);</span></span><br><span class="line"><span class="title function_">smjq</span>(<span class="string">&quot;#tempsaying&quot;</span>).<span class="title function_">css</span>(<span class="string">&#x27;display&#x27;</span>, <span class="string">&quot;none&quot;</span>);</span><br><span class="line"><span class="title function_">smjq</span>(<span class="string">&quot;#dialog_chat_loading&quot;</span>).<span class="title function_">fadeIn</span>(<span class="string">&quot;normal&quot;</span>);</span><br><span class="line">&#125;,</span><br><span class="line"><span class="attr">success</span>: <span class="keyword">function</span>(<span class="params">data</span>)&#123;</span><br><span class="line"><span class="title function_">smjq</span>(<span class="string">&quot;#dialog_chat_loading&quot;</span>).<span class="title function_">css</span>(<span class="string">&#x27;display&#x27;</span>, <span class="string">&quot;none&quot;</span>);</span><br><span class="line"><span class="comment">//smjq(&quot;#dialog_chat&quot;).fadeIn(&quot;normal&quot;);</span></span><br><span class="line"><span class="title function_">smjq</span>(<span class="string">&quot;#tempsaying&quot;</span>).<span class="title function_">css</span>(<span class="string">&#x27;display&#x27;</span>, <span class="string">&quot;&quot;</span>);</span><br><span class="line"><span class="keyword">var</span> dat = <span class="built_in">eval</span>(<span class="string">&quot;(&quot;</span>+data+<span class="string">&quot;)&quot;</span>);</span><br><span class="line"> <span class="keyword">if</span>(el == <span class="string">&#x27;getnotice&#x27;</span>)&#123;</span><br><span class="line"><span class="title function_">chuncaiSay</span>(dat.<span class="property">notice</span>);</span><br><span class="line"><span class="title function_">setFace</span>(<span class="number">1</span>);</span><br><span class="line">&#125;<span class="keyword">else</span> <span class="keyword">if</span>(el == <span class="string">&#x27;showlifetime&#x27;</span>)&#123;</span><br><span class="line"><span class="title class_">BirthDay</span>=<span class="keyword">new</span> <span class="title class_">Date</span>(dat.<span class="property">showlifetime</span>);<span class="comment">//建站日期</span></span><br><span class="line">today=<span class="keyword">new</span> <span class="title class_">Date</span>();</span><br><span class="line">timeold=(today.<span class="title function_">getTime</span>()-<span class="title class_">BirthDay</span>.<span class="title function_">getTime</span>());</span><br><span class="line">sectimeold=timeold/<span class="number">1000</span></span><br><span class="line">secondsold=<span class="title class_">Math</span>.<span class="title function_">floor</span>(sectimeold);</span><br><span class="line">msPerDay=<span class="number">24</span>*<span class="number">60</span>*<span class="number">60</span>*<span class="number">1000</span></span><br><span class="line">e_daysold=timeold/msPerDay</span><br><span class="line">daysold=<span class="title class_">Math</span>.<span class="title function_">floor</span>(e_daysold);</span><br><span class="line">e_hrsold=(daysold-e_daysold)*-<span class="number">24</span>;</span><br><span class="line">hrsold=<span class="title class_">Math</span>.<span class="title function_">floor</span>(e_hrsold);</span><br><span class="line">e_minsold=(hrsold-e_hrsold)*-<span class="number">60</span>;</span><br><span class="line">minsold=<span class="title class_">Math</span>.<span class="title function_">floor</span>((hrsold-e_hrsold)*-<span class="number">60</span>);</span><br><span class="line">seconds=<span class="title class_">Math</span>.<span class="title function_">floor</span>((minsold-e_minsold)*-<span class="number">60</span>);</span><br><span class="line"><span class="title function_">chuncaiSay</span>(<span class="string">&quot;我已经与主人 一起生存了 &quot;</span>+daysold+<span class="string">&quot; 天 &quot;</span>+hrsold+<span class="string">&quot; 小时 &quot;</span>+minsold+<span class="string">&quot; 分钟 &quot;</span>+seconds+<span class="string">&quot; 秒的快乐时光啦～*^_^*&quot;</span>);</span><br><span class="line">&#125;<span class="keyword">else</span> <span class="keyword">if</span>(el == <span class="string">&#x27;talking&#x27;</span>)&#123;</span><br><span class="line"><span class="keyword">var</span> talkcon = <span class="title function_">smjq</span>(<span class="string">&quot;#talk&quot;</span>).<span class="title function_">val</span>();</span><br><span class="line"><span class="keyword">var</span> i = <span class="title function_">in_array</span>(talkcon, dat.<span class="property">ques</span>);</span><br><span class="line"><span class="keyword">var</span> types = <span class="title function_">typeof</span>(i);</span><br><span class="line"><span class="keyword">if</span>(types != <span class="string">&#x27;boolean&#x27;</span>)&#123;</span><br><span class="line"><span class="title function_">chuncaiSay</span>(dat.<span class="property">ans</span>[i]);</span><br><span class="line"><span class="title function_">setFace</span>(<span class="number">2</span>);</span><br><span class="line">&#125;<span class="keyword">else</span>&#123;</span><br><span class="line"><span class="title function_">chuncaiSay</span>(<span class="string">&#x27;.......................嗯？&#x27;</span>);</span><br><span class="line"><span class="title function_">setFace</span>(<span class="number">3</span>);</span><br><span class="line">&#125;</span><br><span class="line"><span class="title function_">clearInput</span>();</span><br><span class="line">&#125;<span class="keyword">else</span> <span class="keyword">if</span>(el == <span class="string">&#x27;foods&#x27;</span>)&#123;</span><br><span class="line"><span class="keyword">var</span> str=<span class="string">&#x27;&#x27;</span>;</span><br><span class="line"><span class="keyword">var</span> arr = dat.<span class="property">foods</span>;</span><br><span class="line"><span class="keyword">var</span> preg = <span class="regexp">/function/</span>;</span><br><span class="line"><span class="keyword">for</span>(<span class="keyword">var</span> i <span class="keyword">in</span> arr)&#123;</span><br><span class="line"><span class="keyword">if</span>(arr[i] != <span class="string">&#x27;&#x27;</span> &amp;&amp; !preg.<span class="title function_">test</span>(arr[i]) )&#123;</span><br><span class="line">str +=<span class="string">&#x27;&lt;ul id=&quot;f&#x27;</span>+i+<span class="string">&#x27;&quot; class=&quot;eatfood&quot; onclick=&quot;eatfood(this.id)&quot;&gt;&#x27;</span>+arr[i]+<span class="string">&#x27;&lt;/ul&gt;&#x27;</span>;</span><br><span class="line">&#125;</span><br><span class="line">&#125;</span><br><span class="line"><span class="title function_">chuncaiSay</span>(str);</span><br><span class="line">&#125;<span class="keyword">else</span> <span class="keyword">if</span>(el = <span class="string">&quot;eatsay&quot;</span>)&#123;</span><br><span class="line"><span class="keyword">var</span> str = dat.<span class="property">eatsay</span>[id];</span><br><span class="line"><span class="title function_">chuncaiSay</span>(str);</span><br><span class="line"><span class="title function_">setFace</span>(<span class="number">2</span>);</span><br><span class="line">&#125;<span class="keyword">else</span> <span class="keyword">if</span>(el = <span class="string">&quot;talkself&quot;</span>)&#123;</span><br><span class="line"><span class="keyword">var</span> arr = dat.<span class="property">talkself</span>;</span><br><span class="line"><span class="keyword">return</span> arr;</span><br><span class="line">&#125;</span><br><span class="line">&#125;,</span><br><span class="line"><span class="attr">error</span>: <span class="keyword">function</span>(<span class="params"></span>)&#123;</span><br><span class="line"><span class="title function_">chuncaiSay</span>(<span class="string">&#x27;好像出错了，是什么错误呢...请联系管理猿&#x27;</span>);</span><br><span class="line">&#125;</span><br><span class="line">&#125;);</span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line"><span class="keyword">function</span> <span class="title function_">in_array</span>(<span class="params">str, arr</span>)&#123;</span><br><span class="line"><span class="keyword">for</span>(<span class="keyword">var</span> i <span class="keyword">in</span> arr)&#123;</span><br><span class="line"><span class="keyword">if</span>(arr[i] == str)&#123;</span><br><span class="line"><span class="keyword">return</span> i;</span><br><span class="line">&#125;</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">return</span> <span class="literal">false</span>;</span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line"><span class="keyword">var</span> timenum;</span><br><span class="line"><span class="keyword">var</span> tol=<span class="number">0</span>;</span><br><span class="line"><span class="comment">//10分钟后页面没有响应就停止活动</span></span><br><span class="line"><span class="keyword">var</span> goal = <span class="number">10</span>*<span class="number">60</span>;</span><br><span class="line"><span class="keyword">function</span> <span class="title function_">setTime</span>(<span class="params"></span>)&#123;</span><br><span class="line">tol++;</span><br><span class="line"><span class="comment">//document.body.innerHTML(tol);</span></span><br><span class="line">timenum = <span class="variable language_">window</span>.<span class="built_in">setTimeout</span>(<span class="string">&quot;setTime(&#x27;&quot;</span>+tol+<span class="string">&quot;&#x27;)&quot;</span>, <span class="number">1000</span>);</span><br><span class="line"><span class="keyword">if</span>(<span class="built_in">parseInt</span>(tol) == <span class="built_in">parseInt</span>(goal))&#123;</span><br><span class="line"><span class="title function_">stopTalkSelf</span>();</span><br><span class="line"><span class="title function_">closeChuncaiMenu</span>();</span><br><span class="line"><span class="title function_">closeNotice</span>();</span><br><span class="line"><span class="title function_">closeInput</span>();</span><br><span class="line"><span class="title function_">chuncaiSay</span>(<span class="string">&quot;主人跑到哪里去了呢....&quot;</span>);</span><br><span class="line"><span class="title function_">setFace</span>(<span class="number">3</span>);</span><br><span class="line"><span class="title function_">stoptime</span>();</span><br><span class="line">&#125;</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">function</span> <span class="title function_">stoptime</span>(<span class="params"></span>)&#123;</span><br><span class="line"><span class="keyword">if</span>(timenum)&#123;</span><br><span class="line"><span class="built_in">clearTimeout</span>(timenum);</span><br><span class="line">&#125;</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">var</span> talktime = <span class="number">0</span>;</span><br><span class="line"><span class="comment">//设置自言自语频率（单位：秒）</span></span><br><span class="line"><span class="keyword">var</span> talkself = <span class="number">60</span>;</span><br><span class="line"><span class="keyword">var</span> talkobj;</span><br><span class="line"><span class="keyword">var</span> tsi = <span class="number">0</span>;</span><br><span class="line"><span class="keyword">var</span> talkself_arr = [</span><br><span class="line">[<span class="string">&quot;白日依山尽，黄河入海流，欲穷千里目，更上.....一层楼？&quot;</span>, <span class="string">&quot;1&quot;</span>],</span><br><span class="line">[<span class="string">&quot;我看见主人熊猫眼又加重了！&quot;</span>, <span class="string">&quot;3&quot;</span>],</span><br><span class="line">[<span class="string">&quot;我是不是很厉害呀～～？&quot;</span>, <span class="string">&quot;2&quot;</span>],</span><br><span class="line">[<span class="string">&quot;5555...昨天有个小孩子跟我抢棒棒糖吃.....&quot;</span>, <span class="string">&quot;3&quot;</span>],</span><br><span class="line">[<span class="string">&quot;昨天我好像看见主人又在众人之前卖萌了哦～&quot;</span>, <span class="string">&quot;2&quot;</span>]</span><br><span class="line">];</span><br><span class="line"></span><br><span class="line"><span class="keyword">function</span> <span class="title function_">talkSelf</span>(<span class="params">talktime</span>)&#123;</span><br><span class="line">talktime++;</span><br><span class="line"><span class="keyword">var</span> yushu = talktime%talkself;</span><br><span class="line"><span class="keyword">if</span>(<span class="built_in">parseInt</span>(yushu) == <span class="built_in">parseInt</span>(<span class="number">9</span>))&#123;</span><br><span class="line"><span class="title function_">closeChuncaiMenu</span>();</span><br><span class="line"><span class="title function_">closeNotice</span>();</span><br><span class="line"><span class="title function_">closeInput</span>();</span><br><span class="line">tsi = <span class="title class_">Math</span>.<span class="title function_">floor</span>(<span class="title class_">Math</span>.<span class="title function_">random</span>() * talkself_arr.<span class="property">length</span> + <span class="number">1</span>)-<span class="number">1</span>;</span><br><span class="line"><span class="title function_">chuncaiSay</span>(talkself_arr[tsi][<span class="number">0</span>]);</span><br><span class="line"><span class="title function_">setFace</span>(talkself_arr[tsi][<span class="number">1</span>]);</span><br><span class="line">&#125;</span><br><span class="line">talkobj = <span class="variable language_">window</span>.<span class="built_in">setTimeout</span>(<span class="string">&quot;talkSelf(&quot;</span>+talktime+<span class="string">&quot;)&quot;</span>, <span class="number">1000</span>);</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">function</span> <span class="title function_">stopTalkSelf</span>(<span class="params"></span>)&#123;</span><br><span class="line"><span class="keyword">if</span>(talkobj)&#123;</span><br><span class="line"><span class="built_in">clearTimeout</span>(talkobj);</span><br><span class="line">&#125;</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">function</span> <span class="title function_">arrayShuffle</span>(<span class="params">arr</span>)&#123;</span><br><span class="line"><span class="keyword">var</span> result = [],</span><br><span class="line">len = arr.<span class="property">length</span>;</span><br><span class="line"><span class="keyword">while</span>(len--)&#123;</span><br><span class="line">result[result.<span class="property">length</span>] = arr.<span class="title function_">splice</span>(<span class="title class_">Math</span>.<span class="title function_">floor</span>(<span class="title class_">Math</span>.<span class="title function_">random</span>()*(len+<span class="number">1</span>)),<span class="number">1</span>);</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">return</span> result;</span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"><span class="keyword">function</span> <span class="title function_">typeWords</span>(<span class="params"></span>) &#123;</span><br><span class="line"><span class="keyword">var</span> p = <span class="number">1</span>;</span><br><span class="line"><span class="keyword">var</span> str = weichuncai_text.<span class="title function_">substr</span>(<span class="number">0</span>,_typei);</span><br><span class="line"><span class="keyword">var</span> w = weichuncai_text.<span class="title function_">substr</span>(_typei,<span class="number">1</span>);</span><br><span class="line"><span class="keyword">if</span>(w==<span class="string">&quot;&lt;&quot;</span>)&#123;</span><br><span class="line">str += weichuncai_text.<span class="title function_">substr</span>(_typei,weichuncai_text.<span class="title function_">substr</span>(_typei).<span class="title function_">indexOf</span>(<span class="string">&quot;&gt;&quot;</span>)+<span class="number">1</span>);</span><br><span class="line">p= weichuncai_text.<span class="title function_">substr</span>(_typei).<span class="title function_">indexOf</span>(<span class="string">&quot;&gt;&quot;</span>)+<span class="number">1</span>;</span><br><span class="line">&#125;</span><br><span class="line">_typei+=p;</span><br><span class="line"><span class="variable language_">document</span>.<span class="title function_">getElementById</span>(<span class="string">&quot;tempsaying&quot;</span>).<span class="property">innerHTML</span> = str;</span><br><span class="line">txtst = <span class="built_in">setTimeout</span>(<span class="string">&quot;typeWords()&quot;</span>,<span class="number">20</span>);</span><br><span class="line"><span class="keyword">if</span> (_typei&gt; weichuncai_text.<span class="property">length</span>)&#123;</span><br><span class="line"><span class="built_in">clearTimeout</span>(txtst);</span><br><span class="line">_typei = <span class="number">0</span>;</span><br><span class="line">&#125;</span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line"><span class="keyword">function</span> <span class="title function_">setCookie</span>(<span class="params">name, val, ex</span>)&#123;</span><br><span class="line"><span class="keyword">var</span> times = <span class="keyword">new</span> <span class="title class_">Date</span>();</span><br><span class="line">times.<span class="title function_">setTime</span>(times.<span class="title function_">getTime</span>() + ex);</span><br><span class="line"><span class="keyword">if</span>(ex == <span class="number">0</span>)&#123;</span><br><span class="line"><span class="variable language_">document</span>.<span class="property">cookie</span> = name+<span class="string">&quot;=&quot;</span>+val+<span class="string">&quot;;&quot;</span>;</span><br><span class="line">&#125;<span class="keyword">else</span>&#123;</span><br><span class="line"><span class="variable language_">document</span>.<span class="property">cookie</span> = name+<span class="string">&quot;=&quot;</span>+val+<span class="string">&quot;; expires=&quot;</span>+times.<span class="title function_">toGMTString</span>();</span><br><span class="line">&#125;</span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line"><span class="keyword">function</span> <span class="title function_">getCookie</span>(<span class="params">name</span>)&#123;</span><br><span class="line"><span class="keyword">var</span> arr = <span class="variable language_">document</span>.<span class="property">cookie</span>.<span class="title function_">match</span>(<span class="keyword">new</span> <span class="title class_">RegExp</span>(<span class="string">&quot;(^| )&quot;</span>+name+<span class="string">&quot;=([^;]*)(;|$)&quot;</span>)); </span><br><span class="line"><span class="keyword">if</span>(arr != <span class="literal">null</span>) <span class="keyword">return</span> <span class="built_in">unescape</span>(arr[<span class="number">2</span>]); <span class="keyword">return</span> <span class="literal">null</span>;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure><br>{blogroot}/source/weichuncai/js/chuncai.json（这个地方可以自行配置）<br><figure class="highlight json"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br></pre></td><td class="code"><pre><span class="line"><span class="punctuation">&#123;</span></span><br><span class="line"> <span class="attr">&quot;notice&quot;</span><span class="punctuation">:</span> <span class="string">&quot;欢迎来到我的新家，没想到在2024我会被人注意到，真幸福~~&quot;</span><span class="punctuation">,</span></span><br><span class="line"> <span class="attr">&quot;ques&quot;</span><span class="punctuation">:</span> <span class="punctuation">[</span></span><br><span class="line"> <span class="string">&quot;早上好&quot;</span><span class="punctuation">,</span></span><br><span class="line"> <span class="string">&quot;中午好&quot;</span><span class="punctuation">,</span></span><br><span class="line"> <span class="string">&quot;下午好&quot;</span><span class="punctuation">,</span></span><br><span class="line"> <span class="string">&quot;晚上好&quot;</span><span class="punctuation">,</span></span><br><span class="line"> <span class="string">&quot;晚安&quot;</span></span><br><span class="line"> <span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line"> <span class="attr">&quot;ans&quot;</span><span class="punctuation">:</span> <span class="punctuation">[</span></span><br><span class="line"> <span class="string">&quot;早上好～&quot;</span><span class="punctuation">,</span></span><br><span class="line"> <span class="string">&quot;中午好～&quot;</span><span class="punctuation">,</span></span><br><span class="line"> <span class="string">&quot;下午好～&quot;</span><span class="punctuation">,</span></span><br><span class="line"> <span class="string">&quot;晚上好～&quot;</span><span class="punctuation">,</span></span><br><span class="line"> <span class="string">&quot;晚安～&quot;</span></span><br><span class="line"> <span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line"> <span class="attr">&quot;foods&quot;</span><span class="punctuation">:</span> <span class="punctuation">[</span></span><br><span class="line"> <span class="string">&quot;金坷垃&quot;</span><span class="punctuation">,</span></span><br><span class="line"> <span class="string">&quot;咸梅干&quot;</span></span><br><span class="line"> <span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line"> <span class="attr">&quot;eatsay&quot;</span><span class="punctuation">:</span> <span class="punctuation">[</span></span><br><span class="line"> <span class="string">&quot;吃了金坷垃，一刀能秒一万八～！&quot;</span><span class="punctuation">,</span></span><br><span class="line"> <span class="string">&quot;吃咸梅干，变超人！哦耶～～～&quot;</span></span><br><span class="line"> <span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line"> <span class="attr">&quot;showlifetime&quot;</span><span class="punctuation">:</span><span class="string">&quot;02-16-2024 15:30:00&quot;</span></span><br><span class="line"><span class="punctuation">&#125;</span></span><br></pre></td></tr></table></figure><br>{blogroot}/source/weichuncai/js/chuncai.json（这个地方可以自行配置）<br><figure class="highlight javascript"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br></pre></td><td class="code"><pre><span class="line"><span class="keyword">var</span> _about_path = <span class="string">&quot;https://blog.sinzmise.top/about&quot;</span>; <span class="comment">//你的关于页面地址</span></span><br><span class="line"><span class="keyword">var</span> _weichuncai_jsonpath = <span class="string">&quot;/weichuncai/chuncai.json&quot;</span>; <span class="comment">//chuncai.json的位置</span></span><br><span class="line"><span class="keyword">var</span> imagewidth = <span class="string">&#x27;85&#x27;</span>; <span class="comment">//人格长度</span></span><br><span class="line"><span class="keyword">var</span> imageheight = <span class="string">&#x27;152&#x27;</span>; <span class="comment">//人格高度</span></span><br><span class="line"><span class="comment">//设置人格的自言自语，前面的双引号是内容后面的双引号是人格表情，后面的1、2、3对应createFace设置的第几个表情</span></span><br><span class="line"><span class="keyword">var</span> talkself_arr = [</span><br><span class="line"> [<span class="string">&quot;白日依山尽，黄河入海流，欲穷千里目，更上.....一层楼？&quot;</span>, <span class="string">&quot;1&quot;</span>],</span><br><span class="line"> [<span class="string">&quot;我看见主人熊猫眼又加重了！&quot;</span>, <span class="string">&quot;3&quot;</span>],</span><br><span class="line"> [<span class="string">&quot;我是不是很厉害呀～～？&quot;</span>, <span class="string">&quot;2&quot;</span>],</span><br><span class="line"> [<span class="string">&quot;5555...昨天有个小孩子跟我抢棒棒糖吃.....&quot;</span>, <span class="string">&quot;3&quot;</span>]</span><br><span class="line">];</span><br><span class="line"><span class="comment">//设置表情</span></span><br><span class="line"><span class="title function_">createFace</span>(</span><br><span class="line"> <span class="string">&quot;https://dqapi.sininno.eu.org/weichuncai/skin/rakutori/face1.gif&quot;</span>, </span><br><span class="line"> <span class="string">&quot;https://dqapi.sininno.eu.org/weichuncai/skin/rakutori/face2.gif&quot;</span>, </span><br><span class="line"> <span class="string">&quot;https://dqapi.sininno.eu.org/weichuncai/skin/rakutori/face3.gif&quot;</span></span><br><span class="line">);</span><br></pre></td></tr></table></figure><br>butterfly、anzhiyu主题引入：<br><figure class="highlight yaml"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br></pre></td><td class="code"><pre><span class="line"><span class="comment"># Inject</span></span><br><span class="line"><span class="comment"># Insert the code to head (before &#x27;&lt;/head&gt;&#x27; tag) and the bottom (before &#x27;&lt;/body&gt;&#x27; tag)</span></span><br><span class="line"><span class="comment"># 插入代码到头部 &lt;/head&gt; 之前 和 底部 &lt;/body&gt; 之前</span></span><br><span class="line"><span class="attr">inject:</span></span><br><span class="line"> <span class="attr">head:</span></span><br><span class="line"> <span class="comment"># jQuery（必须在之前引入）</span></span><br><span class="line"> <span class="bullet">-</span> <span class="string">&lt;script</span> <span class="string">src=&quot;https://cdn.bootcdn.net/ajax/libs/jquery/3.6.3/jquery.min.js&quot;&gt;&lt;/script&gt;</span></span><br><span class="line"> <span class="attr">bottom:</span></span><br><span class="line"> <span class="comment"># 主体</span></span><br><span class="line"> <span class="bullet">-</span> <span class="string">&lt;link</span> <span class="string">rel=&quot;stylesheet&quot;</span> <span class="string">type=&quot;text/css&quot;</span> <span class="string">href=&quot;/weichuncai/css/style.css&quot;&gt;</span></span><br><span class="line"> <span class="bullet">-</span> <span class="string">&lt;script</span> <span class="string">src=&quot;/weichuncai/js/common.js&quot;&gt;&lt;/script&gt;</span></span><br><span class="line"> <span class="bullet">-</span> <span class="string">&lt;script</span> <span class="string">src=&quot;/weichuncai/wcc-config.js&quot;&gt;&lt;/script&gt;</span></span><br></pre></td></tr></table></figure></p><h1 id="后记"><a href="#后记" class="headerlink" title="后记"></a>后记</h1><p>我为什么会将伪春菜定义为桌面精灵而不是桌宠？<br>是因为相比于桌宠来说，伪春菜比桌宠的功能还多得多<br>因此我即使开着虚拟桌宠模拟器，我有时也会开着伪春菜<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240216/ssp_OgKZgUjISo.1rssdhcjowjk.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240216/ssp_OgKZgUjISo.1rssdhcjowjk.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="ssp_OgKZgUjISo"><br>（甚至我电脑卡的时候也会提醒我，虽然我电脑没有卡死QWQ）</p><p>还有，我之前看<a href="https://steve02081504.github.io/2020/02/27/about-kikka/">关于Kikka</a>这篇文章，有一句话很吸引我：<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240216/msedge_h7th45Tk9U.47mkdav98180.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240216/msedge_h7th45Tk9U.47mkdav98180.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="msedge_h7th45Tk9U"><br>也据此可以看出，在2020年，伪春菜这个圈子越来越难活下去<br>更何况现在是2024。。。。。。</p><p>但不管怎么说，还是有人在用这个桌面精灵的，至少有我一个。。。。。。<br>后面我打算写个有关伪春菜的配置教程吧。。。。。。</p>]]></content>
312
312
 
@@ -330,7 +330,7 @@
330
330
  <link href="https://blog.sinzmise.top/posts/52677/"/>
331
331
  <id>https://blog.sinzmise.top/posts/52677/</id>
332
332
  <published>2024-01-31T17:06:52.000Z</published>
333
- <updated>2024-11-09T08:00:35.901Z</updated>
333
+ <updated>2024-11-09T08:45:10.468Z</updated>
334
334
 
335
335
  <content type="html"><![CDATA[<p>2024年1月31日，距离春节还剩10天<br>也是1月的最后一天<br>时间过得真快呢，转眼间就快要过年了<br>就以这篇文章，作为1月的收尾吧<br><span id="more"></span></p><h1 id="个人主页翻修"><a href="#个人主页翻修" class="headerlink" title="个人主页翻修"></a>个人主页翻修</h1><p>我承认我之前将个人主页更换成i.sinzmise.top，然后把www.sinzmise.top搞成九弦之都官网是个很愚蠢的事情<br>因为踏入高一后，学习任务愈加繁重，导致了每次更新博客就得放弃那边，更新那边又得放弃博客，我一个人做不了这么多的事情<br>思来想去，我最终将www.sinzmise.top改成自己的个人主页，然后将之前的i.sinzmise.top记录删掉</p><p>新版的个人主页是从我之前在网上找到的“Bs缘空个人主页”魔改而来的，修改了如下内容：</p><ul><li>删掉“我的”寄”能”</li><li>将原本的“关于我”内容最下方的“Certificates”改成51la统计</li><li>将原本的“Portfolio”改成“个人项目”，里面的东西改成自己搞的项目</li><li>将原本的“Blog”改成“站长记事”，里面的内容我换成了木木大佬的<a href="https://immmmm.com/bb-by-memos/">哔哔点啥2.0</a></li><li>将原本的“Contact”标题改成“给我留言”，里面的内容则被我换成了Disqus评论系统和Twikoo评论系统（其中Disqus的评论基础模式用的是fooleap大佬的<a href="https://github.com/fooleap/disqus-php-api">disqus-php-api</a>）</li><li>添加Aplayer音乐播放器</li></ul><p>展示图：<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240131/www.sinzmise.top.6nqhgv7ubg40.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240131/www.sinzmise.top.6nqhgv7ubg40.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="www"></p><p>预览：<a href="https://www.sinzmise.top/">中弦局·九弦之都</a></p><h1 id="入坑pjsk"><a href="#入坑pjsk" class="headerlink" title="入坑pjsk"></a>入坑pjsk</h1><p>这个没啥好说的，毕竟我有入坑过邦（BanG Dream！少女乐团派对）、Phigros或者Arcaea等音游<br><psw>（虽然我没咋玩音游。。。。。。）</psw><br>至于为啥我玩完pjsk自制谱Sonolus之后要玩官方版本pjsk。。。。。。<br>主要是我朋友也在玩pjsk官方版（虽然他经常玩Arcaea），思来想去还是觉得下个官方版本pjsk</p><h1 id="自建API"><a href="#自建API" class="headerlink" title="自建API"></a>自建API</h1><p>其实这API原本是想给我的个人主页使用的。。。。。。但搭建完个人主页才知道我是个大聪明，直接使用哪个壁纸不行吗。。。。。。<br>算了，搭都搭建了，就别浪费，直接展示吧：<a href="https://api.sininno.eu.org/">https://api.sininno.eu.org/</a><br>（顺便归纳到我之前打算新建的计划里面，这样也算杜绝浪费了。。。。。。吧？）</p>]]></content>
336
336
 
@@ -351,7 +351,7 @@
351
351
  <link href="https://blog.sinzmise.top/posts/10045/"/>
352
352
  <id>https://blog.sinzmise.top/posts/10045/</id>
353
353
  <published>2024-01-18T21:39:51.000Z</published>
354
- <updated>2024-11-09T08:00:35.901Z</updated>
354
+ <updated>2024-11-09T08:45:10.468Z</updated>
355
355
 
356
356
  <content type="html"><![CDATA[<p>之前看到Kouseki大佬的这篇文章：<br><div class="tag link"><a class="link-card" title="为博客添加一个游戏收藏页" href="https://blog.kouseki.cn/posts/e7dd.html"><div class="left"><img src="https://jsd.cdn.storisinz.site/npm/volantis-static@0.0.1660614606622/media/org.volantis/logo/256/safari.png" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/npm/volantis-static@0.0.1660614606622/media/org.volantis/logo/256/safari.png" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="/></div><div class="right"><p class="text">为博客添加一个游戏收藏页</p><p class="url">https://blog.kouseki.cn/posts/e7dd.html</p></div></a></div><br>我原本是想要给我博客搞这个的，但由于我一般会给博客的主题更新，导致魔改的内容消失<br>思来想去，我还是决定做npm版本的游戏收藏页<br><span id="more"></span></p><h1 id="效果"><a href="#效果" class="headerlink" title="效果"></a>效果</h1><details ><summary> 效果预览 </summary> <div class='content'> <p><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240118/msedge_3ga8r6QcmR.3doduw5wpd60.png" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240118/msedge_3ga8r6QcmR.3doduw5wpd60.png" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt=""></p> </div> </details><h1 id="安装"><a href="#安装" class="headerlink" title="安装"></a>安装</h1><ol><li><p>安装插件,在博客根目录<code>[Blogroot]</code>下打开终端，运行以下指令：</p><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">npm install hexo-butterfly-games --save</span><br></pre></td></tr></table></figure></li><li><p>添加配置信息，以下为写法示例<br>在站点配置文件<code>_config.yml</code>或者主题配置文件<code>_config.butterfly.yml</code>中添加</p><figure class="highlight yaml"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br><span class="line">34</span><br><span class="line">35</span><br><span class="line">36</span><br></pre></td><td class="code"><pre><span class="line"><span class="comment"># Game Page</span></span><br><span class="line"><span class="comment"># see https://akilar.top/posts/e2d3c450/</span></span><br><span class="line"><span class="attr">games:</span></span><br><span class="line"> <span class="attr">enable:</span> <span class="literal">true</span></span><br><span class="line"> <span class="attr">name:</span> <span class="string">游戏世界</span> </span><br><span class="line"> <span class="attr">description:</span> <span class="string">我的游戏世界</span> </span><br><span class="line"> <span class="attr">tip:</span> <span class="string">跟</span> <span class="string">小屋屋主</span> <span class="string">一起探索世界</span> </span><br><span class="line"> <span class="attr">top_background:</span> <span class="string">https://th.bing.com/th/id/R.13a97ef4830efa5e0b87134d622719f3?rik=G7RaJFpxg5PtkA&amp;riu=http%3a%2f%2fupload.techweb.com.cn%2fs%2f640%2f2019%2f0530%2f1559208230699.jpg&amp;ehk=j1G8rMX98TRX52EkLgI5jW1p7lIQp4I8Si1nqEggFRs%3d&amp;risl=&amp;pid=ImgRaw&amp;r=0&amp;sres=1&amp;sresct=1</span></span><br><span class="line"> <span class="attr">buttonText:</span> <span class="string">Steam</span> </span><br><span class="line"> <span class="attr">buttonLink:</span> <span class="string">https://steamcommunity.com/</span></span><br><span class="line"> <span class="attr">css:</span> <span class="string">https://jsd.cdn.storisinz.site/npm/hexo-butterfly-games/lib/games.css</span></span><br><span class="line"> <span class="attr">good_games:</span></span><br><span class="line"> <span class="bullet">-</span> <span class="attr">title:</span> <span class="string">风景一绝</span></span><br><span class="line"> <span class="attr">description:</span> <span class="string">不会错过的风景</span></span><br><span class="line"> <span class="attr">games_list:</span></span><br><span class="line"> <span class="bullet">-</span> <span class="attr">name:</span> <span class="string">怪物猎人：世界</span></span><br><span class="line"> <span class="attr">specification:</span> <span class="string">CAPCOM</span> <span class="string">Co.,</span> <span class="string">Ltd.</span></span><br><span class="line"> <span class="attr">description:</span> <span class="string">&quot;在新建构的「Monster Hunter: World」中, 可以体验到你一直期盼的极致猎人生活。&quot;</span></span><br><span class="line"> <span class="attr">image:</span> <span class="string">https://cdn.max-c.com/heybox/dailynews/img/94376ca41326836587a137d5999733e5.jpg</span></span><br><span class="line"> <span class="attr">link:</span> <span class="string">https://www.xiaoheihe.cn/games/detail/582010</span></span><br><span class="line"></span><br><span class="line"> <span class="bullet">-</span> <span class="attr">title:</span> <span class="string">我的最爱</span></span><br><span class="line"> <span class="attr">description:</span> <span class="string">我不能没有它了</span></span><br><span class="line"> <span class="attr">games_list:</span></span><br><span class="line"> <span class="bullet">-</span> <span class="attr">name:</span> <span class="string">GTA:5</span></span><br><span class="line"> <span class="attr">specification:</span> <span class="string">Rockstar</span> <span class="string">Games</span></span><br><span class="line"> <span class="attr">description:</span> <span class="string">谁还在买GTA5</span></span><br><span class="line"> <span class="attr">image:</span> <span class="string">https://imgheybox.max-c.com/heybox/game/header/271590_dXCCk.jpg</span></span><br><span class="line"> <span class="attr">link:</span> <span class="string">https://www.xiaoheihe.cn/games/detail/271590</span></span><br><span class="line"> <span class="attr">path:</span> <span class="string">games</span></span><br><span class="line"> <span class="attr">front_matter:</span> <span class="comment">#【可选】games页面的 front_matter 配置</span></span><br><span class="line"> <span class="attr">title:</span> <span class="string">游戏人生</span></span><br><span class="line"> <span class="attr">comments:</span> <span class="literal">true</span></span><br><span class="line"> <span class="attr">top_img:</span> <span class="literal">false</span></span><br><span class="line"> <span class="attr">type:</span> <span class="string">games</span></span><br><span class="line"> <span class="attr">aside:</span> <span class="literal">false</span></span><br></pre></td></tr></table></figure></li><li>参数释义</li></ol><div class="table-container"><table><thead><tr><th style="text-align:left">参数</th><th style="text-align:left">备选值/类型</th><th style="text-align:left">释义</th></tr></thead><tbody><tr><td style="text-align:left">enable</td><td style="text-align:left">true/false</td><td style="text-align:left">控制开关</td></tr><tr><td style="text-align:left">name</td><td style="text-align:left">text</td><td style="text-align:left">顶部标题</td></tr><tr><td style="text-align:left">description</td><td style="text-align:left">text</td><td style="text-align:left">顶部副标题</td></tr><tr><td style="text-align:left">tip</td><td style="text-align:left">text</td><td style="text-align:left">顶部小标题</td></tr><tr><td style="text-align:left">top_background</td><td style="text-align:left">URL</td><td style="text-align:left">顶部背景链接</td></tr><tr><td style="text-align:left">buttonText</td><td style="text-align:left">text</td><td style="text-align:left">按钮文字</td></tr><tr><td style="text-align:left">buttonLink</td><td style="text-align:left">URL</td><td style="text-align:left">按钮对应链接</td></tr><tr><td style="text-align:left">good_games.title</td><td style="text-align:left">text</td><td style="text-align:left">分类标题</td></tr><tr><td style="text-align:left">good_games.description</td><td style="text-align:left">text</td><td style="text-align:left">分类副标题</td></tr><tr><td style="text-align:left">good_games.games_list.name</td><td style="text-align:left">text</td><td style="text-align:left">游戏名字</td></tr><tr><td style="text-align:left">good_games.games_list.specification</td><td style="text-align:left">text</td><td style="text-align:left">游戏产商</td></tr><tr><td style="text-align:left">good_games.games_list.description</td><td style="text-align:left">text</td><td style="text-align:left">游戏简介</td></tr><tr><td style="text-align:left">good_games.games_list.image</td><td style="text-align:left">URL</td><td style="text-align:left">游戏图片链接</td></tr><tr><td style="text-align:left">good_games.games_list.link</td><td style="text-align:left">URL</td><td style="text-align:left">游戏对应链接</td></tr><tr><td style="text-align:left">css</td><td style="text-align:left">URL</td><td style="text-align:left">【可选】开发者接口，自定义css链接</td></tr><tr><td style="text-align:left">path</td><td style="text-align:left">comments</td><td style="text-align:left">【可选】games 的路径名称。默认为 games，生成的页面为 games/index.html</td></tr><tr><td style="text-align:left">front_matter</td><td style="text-align:left">object</td><td style="text-align:left">【可选】games 页面的 front_matter 配置,写法见上文示例</td></tr></tbody></table></div>]]></content>
357
357
 
@@ -374,7 +374,7 @@
374
374
  <link href="https://blog.sinzmise.top/posts/45875/"/>
375
375
  <id>https://blog.sinzmise.top/posts/45875/</id>
376
376
  <published>2024-01-12T18:16:47.000Z</published>
377
- <updated>2024-11-09T08:00:35.901Z</updated>
377
+ <updated>2024-11-09T08:45:10.468Z</updated>
378
378
 
379
379
  <content type="html"><![CDATA[<p>最近你们有没有发现我的博客最新文章的图片有个这个可爱的女孩<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240112/VPet-Simulator.Windows_xR8ox39YOB.4ovrsiykkcc.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240112/VPet-Simulator.Windows_xR8ox39YOB.4ovrsiykkcc.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="VPet-Simulator"><br>其实这不是站点自带的，而是Steam的一个游戏<psw>（严格来讲这不算游戏）</psw>，叫<a href="https://store.steampowered.com/app/1920960/">“虚拟桌宠模拟器”</a><br>在Steam上免费，而且还是在这些免费产品中为数不多支持创意工坊的桌宠<br><span id="more"></span></p><h1 id="桌宠功能"><a href="#桌宠功能" class="headerlink" title="桌宠功能"></a>桌宠功能</h1><p>等待文件加载完成后这个桌宠就出现了</p><h2 id="配置皮肤"><a href="#配置皮肤" class="headerlink" title="配置皮肤"></a>配置皮肤</h2><p>默认配置的桌宠角色（也就是上面图片上出现的），叫萝莉斯<br>当然你可以通过创意工坊安装皮肤模组，重启模拟器之后进入桌宠设置<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240112/8drbjTK54F.400jgfz2x4i0.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240112/8drbjTK54F.400jgfz2x4i0.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="8drbjTK54F"><br>然后点击“MOD管理”，选择之前安装的模组（以智乃示例），启用模组并重启软件<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240112/VPet-Simulator.Windows_3KPCHiz3vs.6xjobkz7zl00.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240112/VPet-Simulator.Windows_3KPCHiz3vs.6xjobkz7zl00.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="VPet-Simulator"><br>重启后重新进入设置，在宠物动画里面选择你要的皮肤<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240112/webstorm64_xJuB0l3o6Y.3dtsteftzhm0.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240112/webstorm64_xJuB0l3o6Y.3dtsteftzhm0.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="webstorm64_xJuB0l3o6Y"><br>这个你要多开也不是不可以。。。。。。<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240112/VPet-Simulator.Windows_5m3BAZYtsP.62541160xeo0.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240112/VPet-Simulator.Windows_5m3BAZYtsP.62541160xeo0.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="VPet-Simulator"><br>然后皮肤就更换完成（当然除非你选择了多开）<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240112/VPet-Simulator.Windows_xQQr1wa9LC.5tdmsod59kg0.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240112/VPet-Simulator.Windows_xQQr1wa9LC.5tdmsod59kg0.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="VPet-Simulator"></p><h2 id="数据计算"><a href="#数据计算" class="headerlink" title="数据计算"></a>数据计算</h2><p>这个默认开启数据计算，当然如果你不想一直投喂桌宠的话<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240112/VPet-Simulator.Windows_4eA1iEKWRL.5393s65ip6k0.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20240112/VPet-Simulator.Windows_4eA1iEKWRL.5393s65ip6k0.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="VPet-Simulator"></p><p>这样的话桌宠就不会被影响到心情了，很方便呢</p><h1 id="个人评价"><a href="#个人评价" class="headerlink" title="个人评价"></a>个人评价</h1><p>自从Q宠企鹅下架以来，我的电脑总是缺少了某些会动的东西<br>虽然后面下载了动态壁纸，但总感觉哪里空空的<br>之前我也是过毒霸姬等等各种各样的桌宠，但总感觉也缺了点东西<br>（甚至我之前加入了Q宠复活版内测交流群，虽然现在没什么更新了，所以不要来问我安装包也别问我群号了）</p><p>直到虚拟桌宠模拟器，弥补了那个我当初给Q宠专门留空位的地方<br>（写的不好请见谅）</p>]]></content>
380
380
 
@@ -397,7 +397,7 @@
397
397
  <link href="https://blog.sinzmise.top/posts/28536/"/>
398
398
  <id>https://blog.sinzmise.top/posts/28536/</id>
399
399
  <published>2024-01-11T19:52:48.000Z</published>
400
- <updated>2024-11-09T08:00:35.901Z</updated>
400
+ <updated>2024-11-09T08:45:10.468Z</updated>
401
401
 
402
402
  <content type="html"><![CDATA[<p><a href="https://busuanzi.ibruce.info/">不蒜子</a>是一款很好用的前端计数工具，但是因为流量日渐变多，经常会出现 502 的情况<br>于是就找到了<a href="https://github.com/soxft/busuanzi">soxft/busuanzi</a>，然后用docker成功在Koyeb上部署不蒜子<br>但是由于这个不蒜子没有Web 管理面板，而如果之前使用的是其他程序统计访问量，切换到使用 busuanzi 来统计，就需要修改访问量<br>所以我基于<a href="https://github.com/yuantuo666/busuanzi">yuantuo666/busuanzi</a>这个版本的不蒜子魔改，然后将其部署到docker和ghcr里面<br>然后这个教程就诞生了（bushi<br><span id="more"></span></p><h1 id="Koyeb部署"><a href="#Koyeb部署" class="headerlink" title="Koyeb部署"></a>Koyeb部署</h1><h2 id="Redis数据库"><a href="#Redis数据库" class="headerlink" title="Redis数据库"></a>Redis数据库</h2><p>这个不蒜子默认用的Redis数据库，这边推荐<a href="https://upstash.com/">upstash</a><br>直接注册个账号然后新建个项目<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/MYPictures@master/msedge_NKCiPPkXqL.png" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/MYPictures@master/msedge_NKCiPPkXqL.png" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt=""><br>复制这里面的数据库地址（后面的“:”和端口要复制下来！）和密码</p><h2 id="正式开始部署"><a href="#正式开始部署" class="headerlink" title="正式开始部署"></a>正式开始部署</h2><p>老样子，注册个koyeb账号<br>注册koyeb账号必须开t才没有银行卡验证的选项<br>(注册过koyeb账号且没有部署项目就不用这个步骤)<br>然后再新建个Web Service<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/MYPictures@master/msedge_Kd4LmCDhpM.png" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/MYPictures@master/msedge_Kd4LmCDhpM.png" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt=""><br>选择docker<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/MYPictures@master/msedge_rAnK6dlRB5.png" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/MYPictures@master/msedge_rAnK6dlRB5.png" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt=""><br>image填写<code>docker.io/szninty/busuanzi:houtai</code>或者<code>ghcr.io/SinzMise/busuanzi</code><br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/MYPictures@master/msedge_TZkQypDvYW.png" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/MYPictures@master/msedge_TZkQypDvYW.png" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt=""><br>划到下面，点击Advanced，添加环境变量<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/MYPictures@master/msedge_rZ7fnbMSfz.png" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/MYPictures@master/msedge_rZ7fnbMSfz.png" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt=""><br>| Name | Value |必选|<br>| —————- | —————- | —————- |<br>|API_SERVER|busuanzi.js API地址 需要转译|√|<br>|REDIS_ADDR|Redis 数据库地址（带端口）|√|<br>|REDIS_PWD|Redis 密码|√|<br>|JWT_SECRET|JWT加密秘钥，可乱填|√|<br>|ADMIN_PASSWORD|后台管理密码|√|<br>|LOG_ENABLE|是否开启日志，默认 true||<br>下面的port改为<code>8080</code><br>准备好了之后可以点击deploy，等一会就可以体验到不蒜子了</p>]]></content>
403
403
 
@@ -420,7 +420,7 @@
420
420
  <link href="https://blog.sinzmise.top/posts/27531/"/>
421
421
  <id>https://blog.sinzmise.top/posts/27531/</id>
422
422
  <published>2023-12-30T17:36:56.000Z</published>
423
- <updated>2024-11-09T08:00:35.901Z</updated>
423
+ <updated>2024-11-09T08:45:10.468Z</updated>
424
424
 
425
425
  <content type="html"><![CDATA[<p><del>不要在意封面为什么做得这么简陋。。。。。</del></p><p>时间过得真快，转眼间，就得跟2023告别了<br>不知道要写什么，就简单写个小结吧<br><span id="more"></span></p><h1 id="部署的项目"><a href="#部署的项目" class="headerlink" title="部署的项目"></a>部署的项目</h1><p><a href="http://rtalk.rita2.myfw.us/">Rita2 Talk</a> —— 为旧设备服务的自建微博<br><a href="https://www.sinzmise.top">中弦局花园</a> —— 模仿秘密花园的一个站点<br><a href="https://diary.sinzmise.top/">九弦记事本（原九弦日记）</a> —— 一个普通的记事本(目前已经迁移到koyeb)<br>更多朋友前往：<a href="/link/">友情链接</a></p><h1 id="玩过的游戏（加粗为常玩）"><a href="#玩过的游戏（加粗为常玩）" class="headerlink" title="玩过的游戏（加粗为常玩）"></a>玩过的游戏（加粗为常玩）</h1><p><strong>赛马娘（台服）</strong><br><strong>蔚蓝档案（台服）</strong><br>重返未来1999 （暂退）<br>Minecraft <psw>（放心不是冈易那个MC）</psw><br>Roblox<br>光·遇（安小歪推荐的）<br>Phigros<br>Sonolus<br>节奏大师回归版<br>BanG Dream<br>荒野乱斗（现实朋友推荐的）<br>暗区突围（千寻推荐的）</p><h1 id="后记"><a href="#后记" class="headerlink" title="后记"></a>后记</h1><p>2023年即将到来，我也将我友链页面的“博客描述”改成：欢迎旅行者，来到这个平凡但又记载了许多故事的小屋<br>并且将中弦局图标更新：<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/MYPictures@master/SinZero%E6%96%B0%E5%9B%BE%E6%A0%87.png" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/MYPictures@master/SinZero%E6%96%B0%E5%9B%BE%E6%A0%87.png" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="中弦局新图标"><br><psw>（虽然有点缺陷，但后面会优化）</psw></p><p>最后你有没有想对2023说的话？请写在评论区吧<br>再见，2023<br>你好，2024</p>]]></content>
426
426
 
@@ -442,7 +442,7 @@
442
442
  <link href="https://blog.sinzmise.top/posts/42580/"/>
443
443
  <id>https://blog.sinzmise.top/posts/42580/</id>
444
444
  <published>2023-11-17T21:50:04.000Z</published>
445
- <updated>2024-11-09T08:00:35.901Z</updated>
445
+ <updated>2024-11-09T08:45:10.468Z</updated>
446
446
 
447
447
  <content type="html"><![CDATA[<p>差不多快一个月没更新博客了<br>最近几天忙于学业，再加上修RTalk的BUG，本身就没有多少时间看博客<br>这回终于记得我的博客了。。。。。<br><span id="more"></span></p><h1 id="中弦局·九弦之都花园大更新"><a href="#中弦局·九弦之都花园大更新" class="headerlink" title="中弦局·九弦之都花园大更新"></a>中弦局·九弦之都花园大更新</h1><p>预览：<a href="www.sinzmise.top">九弦之都花园</a><br><psw>懒得点进去的话直接看下面图片吧。。。。。。</psw><br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20231208/msedge_CZxg1udYWq.14s3zn9uefk.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20231208/msedge_CZxg1udYWq.14s3zn9uefk.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="msedge_CZxg1udYWq"><br>更新内容：</p><ul><li>基于<a href="https://github.com/callmesoul/hexo-theme-soul">Hexo-Theme-Soul</a>魔改 <psw>（我就是看上了它的全站伪SPA(单页面)无刷新页面加载才选择这个主题魔改的）</psw></li><li>模仿<a href="http://www.yini.org/">秘密花园</a>风格（为了统一风格我甚至把右下角音乐播放器添加了背景）</li><li>魔改加载特效（原先的加载特效有bug。。。。）</li><li>添加Vuukle、Giscus评论系统（主要是里面有rem.js，导致Twikoo不好适配，删了这个js还导致样式错乱，要不然我就用twikoo了）</li><li>添加sharejs分享、vuukle分享</li></ul><h1 id="Rita2-Talk复活！"><a href="#Rita2-Talk复活！" class="headerlink" title="Rita2 Talk复活！"></a>Rita2 Talk复活！</h1><p>正如标题所说的，Rita2 Talk复活了<br><details ><summary> Rita2介绍 </summary> <div class='content'> <p>Rita2原本是有人为塞班系统搞的视频站点，取名为Rita2是因为负责人他家的猫就叫Rita<br>后面负责人要搞antipa（为旧版IOS搭建的应用商店）， 我就跟他商量搞antipa的前端<br>我也就是在这之后搞的Rita2 RTalk<br>原先的RTalk我预备想做个聊天室，但后面发现了一个自建微博的源码：记事狗微博<br>（虽然已经停止更新，但有wap页面、能让Win98访问的自建微博源码微乎其微，我就选择了这个）<br>后面RTalk2.0就是自建微博了<br>因为RTalk是我负责的，所以到Rita2和antipa关站了，我那RTalk还存在<br>直到2023年7月17日，.ml域名被收回，RTalk就无法访问了</p><p>在2023年10月初，我打算搞个Rita2计划，然后把RTalk归类到这里面<br>（这样也算是纪念之前的Rita2站点吧。。。。。。）<br>并且将RTalk改名为Rita2 Talk</p> </div> </details><br>预览：<a href="http://rtalk.rita2.myfw.us/">http://rtalk.rita2.myfw.us/</a></p><h1 id="replit要收费了"><a href="#replit要收费了" class="headerlink" title="replit要收费了"></a>replit要收费了</h1><p>周三安小歪回来了，并且告诉我replit在2024年1月1日要收费了<br>他已经把那些项目迁移到codesandbox了<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20231208/QQ_S7aWZztxcn.eigsxeas9xs.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20231208/QQ_S7aWZztxcn.eigsxeas9xs.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="QQ_S7aWZztxcn"><br>目前我打算把kuma、memos和alist迁移，并且打算在codesandbox搭建Artalk</p>]]></content>
448
448
 
@@ -463,7 +463,7 @@
463
463
  <link href="https://blog.sinzmise.top/posts/56467/"/>
464
464
  <id>https://blog.sinzmise.top/posts/56467/</id>
465
465
  <published>2023-10-04T17:25:46.000Z</published>
466
- <updated>2024-11-09T08:00:35.901Z</updated>
466
+ <updated>2024-11-09T08:45:10.468Z</updated>
467
467
 
468
468
  <content type="html"><![CDATA[<p>很久都没发布文章了，都不知道要写啥好<br>要不就写这个九月和中秋国庆假期发生的事情吧<br><span id="more"></span></p><h2 id="初入高中"><a href="#初入高中" class="headerlink" title="初入高中"></a>初入高中</h2><p>9月1日开始（虽然因为台风停了四天的课）就是我踏入高中的时刻了<br>第一次进高中教室的我，因为过于紧张，甚至坐错位置了 <del>（虽然我同桌也坐错了位置）</del><br>不过好在后面的上课也是比较顺利，没有出现意外情况<br><del>（主要是不知道怎么写就。。。。）</del></p><h2 id="荒野乱斗，启动！"><a href="#荒野乱斗，启动！" class="headerlink" title="荒野乱斗，启动！"></a>荒野乱斗，启动！</h2><p>这个游戏是很久之前入坑的，结果因为某些原因我暂时退坑了<br>后来在我朋友的推荐下回归了<br>我后面还把这个游戏推荐给了我那刚买新手机的表弟</p><h2 id="回归！Rita2！"><a href="#回归！Rita2！" class="headerlink" title="回归！Rita2！"></a>回归！Rita2！</h2><p>看过我之前文章的应该知道，之前我想给Win98搞视频站点<br>名字叫“Rita2”的原因是纪念之前有人为手机wap搭建的视频站，它的名字也叫Rita2<br>这个项目由于域名的原因一直被搁置了很久<br>然而由于我找到了免费的二级域名，所以……</p><p>Rita2计划，即将回归！<br>（但回归时间暂未确定，因为学业原因，不过我可以保证会回归，但回归的首先是游戏站<br>至于视频站。。。。。暂时没有这个考虑）</p><h1 id="Vercel寄了？"><a href="#Vercel寄了？" class="headerlink" title="Vercel寄了？"></a>Vercel寄了？</h1><p>中秋国庆的第四天，安小歪跟我说他访问不了他的博客<br>与此同时，安知鱼的群都在说无法访问Vercel部署的站点<br>访问会强制跳转到诈骗网站<br>现在千寻那边也出现这样的情况，但我这边倒是没有<br>目前已经将博客主站的部署平台更换为CF Pages<br>明天准备将Waline换成Netlify部署，至于Twikoo。。。。只能搞反代了<br>其它的项目如果能换别的地方部署就换，不能的话反向代理走起</p>]]></content>
469
469
 
@@ -484,7 +484,7 @@
484
484
  <link href="https://blog.sinzmise.top/posts/54386/"/>
485
485
  <id>https://blog.sinzmise.top/posts/54386/</id>
486
486
  <published>2023-09-01T21:23:01.000Z</published>
487
- <updated>2024-11-09T08:00:35.901Z</updated>
487
+ <updated>2024-11-09T08:45:10.468Z</updated>
488
488
 
489
489
  <content type="html"><![CDATA[<p>如果你觉得不开心，或者有些压力的话，就来听一下这些歌曲吧<br>希望这些歌曲能够温暖你的心灵<br><span id="more"></span></p><h1 id="轻音乐"><a href="#轻音乐" class="headerlink" title="轻音乐"></a>轻音乐</h1><iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=450 src="//music.163.com/outchain/player?type=0&id=8706644516&auto=0&height=430"></iframe>]]></content>
490
490
 
@@ -505,7 +505,7 @@
505
505
  <link href="https://blog.sinzmise.top/posts/29196/"/>
506
506
  <id>https://blog.sinzmise.top/posts/29196/</id>
507
507
  <published>2023-08-26T17:42:12.000Z</published>
508
- <updated>2024-11-09T08:00:35.901Z</updated>
508
+ <updated>2024-11-09T08:45:10.468Z</updated>
509
509
 
510
510
  <content type="html"><![CDATA[<p>2023年8月7日，去汕头的海边玩，顺手拍了几张照片<br>却不料，这是海洋遭殃前最后一次拍的照片<br>谨以这些照片，衬托我对海洋的思念<br>（有错别字请见谅）<br><span id="more"></span><br><div galleryFlag itemscope itemtype="http://schema.org/ImageGallery" class="gallery " data-group='default'><div class='fancybox'><a class='fancybox' pjax-fancybox itemscope itemtype="http://schema.org/ImageObject" itemprop="url" href='https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230826/1693055324987.6r5gsrqllx00.jpg' data-fancybox='default' data-caption='这可能是我最后一次拍摄海洋的照片了'><img fancybox itemprop="contentUrl" src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230826/1693055324987.6r5gsrqllx00.jpg" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230826/1693055324987.6r5gsrqllx00.jpg" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="这可能是我最后一次拍摄海洋的照片了"></a><span class='image-caption'>这可能是我最后一次拍摄海洋的照片了</span></div></div></p><p>Ade！美丽的海洋，Ade！我向往的美景</p>]]></content>
511
511
 
@@ -526,7 +526,7 @@
526
526
  <link href="https://blog.sinzmise.top/posts/38917/"/>
527
527
  <id>https://blog.sinzmise.top/posts/38917/</id>
528
528
  <published>2023-08-06T15:51:36.000Z</published>
529
- <updated>2024-11-09T08:00:35.901Z</updated>
529
+ <updated>2024-11-09T08:45:10.468Z</updated>
530
530
 
531
531
  <content type="html"><![CDATA[<p>昨天我打开了很久没访问的<a href="https://pkuxkx.net/">北大侠客行Mud</a>官网<br>其实这个游戏是第二个我接触的mud游戏，至于第一个。。。。我忘记了<br>（值得一提的是，我第一次接触mud是从NetForce的一个游戏，但我忘了是啥了）<br><span id="more"></span></p><h1 id="怎么玩mud游戏？"><a href="#怎么玩mud游戏？" class="headerlink" title="怎么玩mud游戏？"></a>怎么玩mud游戏？</h1><div class="tabs" id="tab-怎么玩mud游戏"><ul class="nav-tabs"><li class="tab active"><a class="#怎么玩mud游戏-1">Windows</a></li><li class="tab"><a class="#怎么玩mud游戏-2">MacOS</a></li><li class="tab"><a class="#怎么玩mud游戏-3">Linux</a></li><li class="tab"><a class="#怎么玩mud游戏-4">Android、IOS</a></li></ul><div class="tab-content"><div class="tab-pane active" id="怎么玩mud游戏-1"><h2 id="方法一"><a href="#方法一" class="headerlink" title="方法一"></a>方法一</h2><p>在Windows 10 ， Windows 8 ， Windows 7和Windows Vista中 ，在执行任何Telnet命令之前，需要在控制面板的 Windows功能中打开Telnet客户端 。</p><ol><li><a href="https://zhcn.eyewated.com/%E5%A6%82%E4%BD%95%E6%89%93%E5%BC%80%E6%8E%A7%E5%88%B6%E9%9D%A2%E6%9D%BF/">打开控制面板</a></li><li>点击“程序” $\rightarrow$ “程序和功能” $\rightarrow$ “启用或关闭Windows功能”</li><li>选择“Telnet客户端”然后点击确定，等待安装完成<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230806/OptionalFeatures_5TSADzdqnv.411d65y34ym0.png" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230806/OptionalFeatures_5TSADzdqnv.411d65y34ym0.png" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="OptionalFeatures_5TSADzdqnv"></li><li>安装完成后，打开cmd，输入telnet，如果出现“Microsoft Telnet&gt;”就代表安装成功</li></ol><p>运行游戏命令：<br><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">telnet [hostname] [port]</span><br></pre></td></tr></table></figure><br>其中hostname是游戏地址，port是端口</p><p>游戏示例：江湖<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230806/cmd_JhvCA2hkU8.2pef24j7jwq0.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230806/cmd_JhvCA2hkU8.2pef24j7jwq0.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="cmd_JhvCA2hkU8"><br><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">telnet 112.124.42.98 9999</span><br></pre></td></tr></table></figure><br><a href="telnet://112.124.42.98:9999">或者点我访问</a></p><h2 id="方法二"><a href="#方法二" class="headerlink" title="方法二"></a>方法二</h2><p>相比于方法一，方法二得靠一个叫<a href="https://cn.mudlet.org/">Mudlet</a>的软件<br>教程：</p><ol><li>去 <a href="https://cn.mudlet.org/zh/下载/">https://cn.mudlet.org/zh/下载/</a> 下载Mudlet安装包</li><li>安装Mudlet<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230806/Update_2JXuMM4TY3.2hgks6n4b8o0.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230806/Update_2JXuMM4TY3.2hgks6n4b8o0.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Update_2JXuMM4TY3"></li><li><p>设置语言<br>先点击Cancel<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230806/Mudlet_cEpS2mQ8I2.4qigjn94a7q0.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230806/Mudlet_cEpS2mQ8I2.4qigjn94a7q0.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Mudlet_cEpS2mQ8I2"><br>然后点击左上角的“Options” $\rightarrow$ “Preferences”<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230806/Mudlet_COXDZT41bd.5rovpj6nqus0.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230806/Mudlet_COXDZT41bd.5rovpj6nqus0.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Mudlet_COXDZT41bd"><br>在这里设置语言，然后点击“保存”<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230806/Mudlet_gMMEj6tiPf.6az1vg2nq740.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230806/Mudlet_gMMEj6tiPf.6az1vg2nq740.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Mudlet_gMMEj6tiPf"><br>最后重启Mudlet<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230806/image.n9nebgxiw9s.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230806/image.n9nebgxiw9s.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="image"><br>好的，页面变成中文了</p></li><li><p>添加游戏<br>点击“新建”<br>（例子：北大侠客行MUD，注意：玩这个游戏的之后不能勾选“安全”选项！！）<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230806/image.1ktlttflv0rk.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230806/image.1ktlttflv0rk.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="image"><br>（当然如果你有这个注册这个游戏的账号密码的话，可以到“选项”里配置账号密码）<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230806/image.8sod90xd4ig.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230806/image.8sod90xd4ig.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="image"></p></li><li>开始游戏<br>点击“连接”<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230806/image.5jc66kvbgs00.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230806/image.5jc66kvbgs00.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="image"><br>看到这个画面就说明成功了</li></ol></div><div class="tab-pane" id="怎么玩mud游戏-2"><ol><li>去 <a href="https://cn.mudlet.org/zh/下载/">https://cn.mudlet.org/zh/下载/</a> 下载Mudlet安装包</li><li>安装Mudlet<br>（由于我没有Mac，安装黑苹果又很费时间，这个后面再来补充吧）</li></ol></div><div class="tab-pane" id="怎么玩mud游戏-3"><ol><li>去 <a href="https://cn.mudlet.org/zh/下载/">https://cn.mudlet.org/zh/下载/</a> 下载Mudlet安装包</li><li>直接运行Mudlet</li></ol></div><div class="tab-pane" id="怎么玩mud游戏-4"><p>编写中</p></div></div></div><h1 id="哪里有Mud游戏？"><a href="#哪里有Mud游戏？" class="headerlink" title="哪里有Mud游戏？"></a>哪里有Mud游戏？</h1><p><a href="https://im-mortal.cn/mudlist">https://im-mortal.cn/mudlist</a><br>这个地方列出了目前大部份已知的传统中文MUD站点的即时列表<br>这个地方虽然收录的游戏很少，但可以实时查看游戏状态</p><p><a href="https://bbs.mud.ren/">https://bbs.mud.ren/</a><br>MUD游戏玩家社区<br>收录的游戏全部都是纯玩家自制游戏<br>游戏很多，但稳定性未知</p><h1 id="后记"><a href="#后记" class="headerlink" title="后记"></a>后记</h1><p>Mud游戏，现在虽然日渐小众，但作为一代人的回忆，仍有其独特的魅力。而且吸引着不少MUD爱好者<br>也因此，不仅有很多优秀的Mud游戏（例如北大侠客行，从1996年开到现在，也算是一代经典）<br>还有不少的MUD开源项目：<a href="http://mudchina.github.io/">http://mudchina.github.io/</a></p><p>而且在科技日益发达，手机几乎成为人们的必需品的情况下，他们也做出了手机版mud游戏（例子：<a href="http://res.yytou.cn/site/jian/indexj.html">http://res.yytou.cn/site/jian/indexj.html</a> ）</p><p>我写这篇文章的目的很简单，目的就是为了向你们介绍游戏里的一大经典——MUD游戏<br>（有病句请见谅）</p>]]></content>
532
532
 
@@ -549,7 +549,7 @@
549
549
  <link href="https://blog.sinzmise.top/posts/18063/"/>
550
550
  <id>https://blog.sinzmise.top/posts/18063/</id>
551
551
  <published>2023-08-01T16:30:15.000Z</published>
552
- <updated>2024-11-09T08:00:35.901Z</updated>
552
+ <updated>2024-11-09T08:45:10.468Z</updated>
553
553
 
554
554
  <content type="html"><![CDATA[<p>ispeak的编辑器用的jsdelivr，这导致了每次我要新建日记的时候编辑器没显示，被迫换方案<br>经过<a href="https://immmmm.com/hi-memos/">木木</a>大佬的介绍，我找到了一个叫Memos的知识库<br>但我没钱买服务器部署，于是就考虑无服务器部署<br><span id="more"></span></p><h1 id="Render部署"><a href="#Render部署" class="headerlink" title="Render部署"></a>Render部署</h1><p>我首先考虑的是Render部署，因为Render能部署“Web Server”<br>但部署完成没几个小时后，我发布的日记消失了<br>看了一下，Render没有访问就会清理数据并且重新部署<br>考虑到这个是用来做日记用的，数据很重要，因此，我放弃了Render</p><h1 id="Zeabur部署"><a href="#Zeabur部署" class="headerlink" title="Zeabur部署"></a>Zeabur部署</h1><p>Zeabur部署Memos很方便，自带的Marketplace就有Memos<br>但由于Zeabur现在只能免费7天，过期之前需要登陆上去手动续期<br>再加上Zeabur自带的Marketplace要收费<br>因此，我放弃了Zeabur部署</p><h1 id="Replit部署"><a href="#Replit部署" class="headerlink" title="Replit部署"></a>Replit部署</h1><p>我找的很多Replit部署Memos的教程都不是最新版本的Memos<br>看了一下教程，发现那些教程大多都是自己构建后端的<br>那么我就在想：能否用Github Action部署最新版本Memos后端呢？<br>于是搞了很久，经历了许多次失败，终于构建成功！<br>然后用构建完成的Memos试运行，结果显示“No frontend embeded.”<br>查issues，才知道原来得部署前端<br>问题不大！将部署前端的命令写在update.yml里面<br>第二次试运行，成功！<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230801/AP7iMWt7QU.6stfiu4ghlk0.png" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230801/AP7iMWt7QU.6stfiu4ghlk0.png" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="AP7iMWt7QU"><br><psw>（别问为啥没有第一次试运行的图。。。。。。忘记截图了）</psw><br>感兴趣的话可以看一下我的项目：<a href="https://github.com/SinzMise/memos-on-replit">https://github.com/SinzMise/memos-on-replit</a></p><h1 id="Koyeb部署"><a href="#Koyeb部署" class="headerlink" title="Koyeb部署"></a>Koyeb部署</h1><p>最近听安小歪说Replit要收费了<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/MYPictures@master/QQ_EqAgdYlEts.png" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/MYPictures@master/QQ_EqAgdYlEts.png" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt=""><br>他的Memos转到了codesandbox，我的也转过去了<br>但我们发现codesandbox会休眠，不得不换个部署平台<br>之后我发现Memos能连Mysql或者postgreSQL数据库，于是我决定换koyeb部署<br>注册koyeb账号必须开t才没有银行卡验证的选项<br>然后再新建个Web Service<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/MYPictures@master/msedge_Kd4LmCDhpM.png" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/MYPictures@master/msedge_Kd4LmCDhpM.png" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt=""><br>选择docker<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/MYPictures@master/msedge_rAnK6dlRB5.png" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/MYPictures@master/msedge_rAnK6dlRB5.png" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt=""><br>在image这一行填写：<code>ghcr.io/usememos/memos:latest</code>，点击Next<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/MYPictures@master/msedge_3pmSNqxnlH.png" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/MYPictures@master/msedge_3pmSNqxnlH.png" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt=""><br>划到下面，点击Advanced，Environment variables新增两个变量：<code>MEMOS_DRIVER</code>和<code>MEMOS_DSN</code></p><div class="note warning"><p>注意：两个变量都是必选的，当然你也可以不用添加这两个，只不过一旦Memos更新数据会丢失！</p></div><p><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/MYPictures@master/msedge_3jo6namzf5.png" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/MYPictures@master/msedge_3jo6namzf5.png" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt=""><br>| 变量 | 值 |<br>| —————- | —————- |<br>|MEMOS_DRIVER|数据库名称，MySQL就填<code>mysql</code>，postgreSQL就填<code>postgres</code>|<br>|MEMOS_DSN|数据库地址|</p><div class="note info"><p>值得一提的是，你使用postgreSQL的时候，数据库地址必须要添加前面的<code>postgresql://</code><br>也就是下面的例子：<br><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">postgresql://postgres:PASSWORD@localhost:5432/memos</span><br></pre></td></tr></table></figure><br>mysql不用在前面加<code>mysql://</code><br>直接按照下面的例子填写就行（注意括号和前面的tcp要去掉！）<br><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line">root:password@tcp(localhost)/memos_prod</span><br><span class="line"></span><br></pre></td></tr></table></figure></p></div><p>然后将Exposing your service下面的port改为5432，然后deploy<br>等一会你就能体验到Memos了</p><div class="note info"><p>但koyeb绑定域名好像要钱，因此最好再注册个koyeb账号来搞Uptime Kuma ，然后监测源站（这样的话可以确保反代的时候源站不会没）</p></div><h1 id="Serv00部署"><a href="#Serv00部署" class="headerlink" title="Serv00部署"></a>Serv00部署</h1><p>由于Koyeb的部署会自动休眠，因此不得不找别的部署方式</p><p>因为之前看见了Serv00部署Alist的方式，所以我寻思着用serv00的方法部署memos<br>但是苦于不知道前端文件夹放到哪里，因此只能搁置了<br>然后那个博主就补充了一个serv00部署Memos的教程<br>教程我放这里了（主要是我懒得搬过来）：<br><div class="tag link"><a class="link-card" title="Serv00部署Memos" href="https://blog.rappit.site/2024/01/27/serv00_logs/#Memos"><div class="left"><img src="https://jsd.cdn.storisinz.site/npm/volantis-static@0.0.1660614606622/media/org.volantis/logo/256/safari.png" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/npm/volantis-static@0.0.1660614606622/media/org.volantis/logo/256/safari.png" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="/></div><div class="right"><p class="text">Serv00部署Memos</p><p class="url">https://blog.rappit.site/2024/01/27/serv00_logs/#Memos</p></div></a></div></p>]]></content>
555
555
 
@@ -572,7 +572,7 @@
572
572
  <link href="https://blog.sinzmise.top/posts/58203/"/>
573
573
  <id>https://blog.sinzmise.top/posts/58203/</id>
574
574
  <published>2023-07-24T14:46:32.000Z</published>
575
- <updated>2024-11-09T08:00:35.901Z</updated>
575
+ <updated>2024-11-09T08:45:10.468Z</updated>
576
576
 
577
577
  <content type="html"><![CDATA[<p>今天在修改我那萌备的时候，无意在导航栏上看到了“异次元”这玩意<br>看主页是类似于“开往”，只不过仅跳转到萌备详情页面而不是直接进入站点<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230724/msedge_OyAWChkztM.5m8n4321oak0.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230724/msedge_OyAWChkztM.5m8n4321oak0.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="msedge_OyAWChkztM"><br>又因为我站点已经加入了萌ICP备，所以我就将这玩意添加到底部列表里面了<br><span id="more"></span></p><h1 id="添加方法"><a href="#添加方法" class="headerlink" title="添加方法"></a>添加方法</h1><p>如果没有你没有加入萌ICP备豪华套餐的话，点击这里加入：<a href="https://icp.gov.moe/join.php">加入萌备</a><br>如果你加入了，那么按照 <a href="https://moe.one/thread-254.htm">https://moe.one/thread-254.htm</a> 里的配色方案添加</p>]]></content>
578
578
 
@@ -595,7 +595,7 @@
595
595
  <link href="https://blog.sinzmise.top/posts/50710/"/>
596
596
  <id>https://blog.sinzmise.top/posts/50710/</id>
597
597
  <published>2023-07-16T10:43:09.000Z</published>
598
- <updated>2024-11-09T08:00:35.901Z</updated>
598
+ <updated>2024-11-09T08:45:10.468Z</updated>
599
599
 
600
600
  <content type="html"><![CDATA[<span id="more"></span><div class="note warning"><p>注意，由于名字和《逆水寒》游戏里的一个流派名冲突，改名为“夏玖铃”</p></div><h1 id="她的出现"><a href="#她的出现" class="headerlink" title="她的出现"></a>她的出现</h1><p>与其说是Tulpa，不如说是DID（解离性人格障碍）<br>因为她是从我永远的噩梦：四年级出现的<br>那时我总是被班级最后一名的那名女生欺负（因为我当时身体很弱小，她身体强壮，就凭这个欺负我，当然她转学了）<br>再加上从小我成绩总是不好，受不了家长和老师的一顿批评<br>（甚至我家长差点把我抛弃。。。。。当然从我五六年级开始，我家长就彻底改变了教育方式）<br>我也因此不少做噩梦，心情也越变越差<br>直到她的出现，抚慰了我那受伤（切伤口特别严重）的心灵，而且将我从噩梦之中脱离出来<br>那次是在期末考试前（小学四年级第一学期的期末考试）<br>晚上睡觉前我一直忐忑不安，生怕我又做噩梦，一直睡不着觉<br>但我还是带着害怕睡着了<br>我想象中的噩梦没有出现，反而一个声音传来<br>“你好，少年，你是不是经常被欺负？”<br>“是的，天使姐姐，求求您帮帮我吧！”<br>“我也想帮你，但对不起，我不是天使，我是你脑子中的一个小人，你可以叫我阿铃，但如果你心情不好，就来找我，我随时在我的梦中等着你”<br>从此之后，她就一直陪在我身边</p><h1 id="她的二次元形象（AI绘画制作）"><a href="#她的二次元形象（AI绘画制作）" class="headerlink" title="她的二次元形象（AI绘画制作）"></a>她的二次元形象（AI绘画制作）</h1><p>一号风格：<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230716/82862f60ea96e999_1681640910_745840483.1hd5bkrahuyo.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230716/82862f60ea96e999_1681640910_745840483.1hd5bkrahuyo.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="82862f60ea96e999_1681640910_745840483"><br>大姐姐，喜欢带耳机，穿制服<br>异瞳颜色：左眼红粉，右眼黄绿<br>二号风格：<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230716/b67d610419e473ad_1684214216_1609026994.2swy0478ipq0.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230716/b67d610419e473ad_1684214216_1609026994.2swy0478ipq0.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="b67d610419e473ad_1684214216_1609026994"><br>小妹妹，喜欢带耳机，穿连衣裙（这个ai把连衣裙和制服当作是不同的两件衣服）<br>异瞳颜色：左眼紫色，右眼黄绿</p>]]></content>
601
601
 
@@ -621,7 +621,7 @@
621
621
  <link href="https://blog.sinzmise.top/posts/28733/"/>
622
622
  <id>https://blog.sinzmise.top/posts/28733/</id>
623
623
  <published>2023-07-14T08:48:13.000Z</published>
624
- <updated>2024-11-09T08:00:35.901Z</updated>
624
+ <updated>2024-11-09T08:45:10.468Z</updated>
625
625
 
626
626
  <content type="html"><![CDATA[<p>之前我是想参考这个教程来部署：<a href="https://digu.plus/post/8034746f42b3495fbb19926e3fb8ec4f/">https://digu.plus/post/8034746f42b3495fbb19926e3fb8ec4f/</a><br>然而部署过程中翻了车<br>这个教程新版教程（顺便总结一下我翻的车）<br><span id="more"></span></p><h1 id="数据库选择"><a href="#数据库选择" class="headerlink" title="数据库选择"></a>数据库选择</h1><p>Umami支持MySQL和PostgreSQL数据库，选择自己喜欢的数据库进行数据初始化即可。下面是几个免费的数据库服务，这里选择的是ElephantSQL，当然，并不限于这些。<br>目前www.jsdelivr.ren免费数据库如下：</p><ul><li>MySQL：<a href="https://freedb.tech/">FREEDB.TECH</a>、<a href="https://www.db4free.net/">db4free</a>、<a href="https://sqlpub.com/">SQLPub</a></li><li>PostgreSQL：<a href="https://www.elephantsql.com/">ElephantSQL</a>、<a href="https://supabase.com/">Supabase</a></li></ul><h1 id="数据库部署"><a href="#数据库部署" class="headerlink" title="数据库部署"></a>数据库部署</h1><div class="note warning"><p>目前已知Supabase部署失败原因：<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230716/msedge_DL0IGBX6O1.2876ewjv3lz4.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230716/msedge_DL0IGBX6O1.2876ewjv3lz4.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="msedge_DL0IGBX6O1"></p></div><div class="tabs" id="tab-数据库部署"><ul class="nav-tabs"><li class="tab active"><a class="#数据库部署-1">MySQL</a></li><li class="tab"><a class="#数据库部署-2">PostgreSQL</a></li></ul><div class="tab-content"><div class="tab-pane active" id="数据库部署-1"><div class="tabs" id="tab-mysql数据库"><ul class="nav-tabs"><li class="tab active"><a class="#mysql数据库-1">FREEDB.TECH</a></li><li class="tab"><a class="#mysql数据库-2">db4free（不推荐，官网访问较慢）</a></li><li class="tab"><a class="#mysql数据库-3">SQLPub（推荐）</a></li></ul><div class="tab-content"><div class="tab-pane active" id="mysql数据库-1"><p>打开<a href="https://freedb.tech/">FREEDB.TECH</a>，注册登录，创建数据库和用户</p><p><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230714/msedge_gi9vdCGiIt.48n3g4pzzvw0.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230714/msedge_gi9vdCGiIt.48n3g4pzzvw0.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="msedge_gi9vdCGiIt"></p><p>得到你的数据库和密码：<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230714/msedge_fGVbS9POH4.409i0oz7v9k0.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230714/msedge_fGVbS9POH4.409i0oz7v9k0.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="msedge_fGVbS9POH4"></p><p>组合一下：<br><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">mysql://（DATABASE USER）:（PASSWORD）@（HOST）:（PORT）/（DATABASE NAME）</span><br></pre></td></tr></table></figure></p></div><div class="tab-pane" id="mysql数据库-2"><div class="note warning"><p>这个数据库疑似国人开办，建议用国内邮箱收验证码，国外的基本收不到<br>（转自：<a href="https://www.freeaday.com/2023/01/db4free/">https://www.freeaday.com/2023/01/db4free/</a> 的一条评论）</p></div><p><p>打开<a href="https://www.db4free.net/">db4free</a>，点击“注册免费账号”，输入信息然后点击“注册”，一会后你会收到如下邮件：</p></p><p><p><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230714/网易灵犀办公_JmFVOuOEIc.30smaneqwfa0.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230714/网易灵犀办公_JmFVOuOEIc.30smaneqwfa0.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="网易灵犀办公_JmFVOuOEIc"></p></p><p><p>访问邮件提供的确认网址，数据库就创建成功了</p></p><p><p>然后将你设置的信息替换掉下面括号里的内容（注意：括号得去掉）：<br><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">mysql://（你设置的数据库用户名）:（你设置的数据库密码）@db4free.net:3306/（你设置的数据库名）</span><br></pre></td></tr></table></figure></p>&lt;/div&gt;<div class="tab-pane" id="mysql数据库-3"><p>访问<a href="https://sqlpub.com/">SQLPub</a>，输入账号密码，点击申请，申请成功后会有如下提示<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230714/msedge_8FyIBEs6Ja.14toupglasps.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230714/msedge_8FyIBEs6Ja.14toupglasps.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="msedge_8FyIBEs6Ja"><br>然后将里面的替换掉下面括号里的内容（注意：括号得去掉）：<br><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">mysql://（数据库用户）:（数据库密码）@（数据库地址）/（数据库名称）</span><br></pre></td></tr></table></figure></p></div>&lt;/div&gt;&lt;/div&gt;</p></div><div class="tab-pane" id="数据库部署-2"><div class="tabs" id="tab-postgresql"><ul class="nav-tabs"><li class="tab active"><a class="#postgresql-1">Supabase（推荐）</a></li><li class="tab"><a class="#postgresql-2">ElephantSQL</a></li></ul><div class="tab-content"><div class="tab-pane active" id="postgresql-1"><p>打开<a href="https://supabase.com/">Supabase</a>，推荐使用Github登录。登陆成功后，创建一个新的项目New project-&gt;personal。</p><ul><li>Name：随意</li><li>Database Password：建议点击Generate a password生成</li><li>Region：建议选择US，因为Vercel的免费服务器在漂亮国</li><li>Pricing Plan：Free白嫖</li></ul><p>创建成功后，打开菜单Project Setting -&gt; Database -&gt; Connection string -&gt; URI，如下图：<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230714/image.3jutc7fp3fc0.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230714/image.3jutc7fp3fc0.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="image"><br>将红框内的内容复制下来，然后把<code>[YOUR-PASSWORD]</code>替换成你生成的密码，复制备用</p></div><div class="tab-pane" id="postgresql-2"><p>打开ElephantSQL，推荐使用Github登录，创建一个新的实例。Plan选择Tiny Turtle(Free)、Region随意，提交创建。<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230714/msedge_ELQQZsgMsH.68dwkz5in1w0.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230714/msedge_ELQQZsgMsH.68dwkz5in1w0.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="msedge_ELQQZsgMsH"><br>打开刚刚创建的示例，找到URL，点击眼睛图标，然后将URL复制下来备用</p></div></div></div></div></div></div><h1 id="Vercel部署"><a href="#Vercel部署" class="headerlink" title="Vercel部署"></a>Vercel部署</h1><p><a href="https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fmikecao%2Fumami&amp;env=DATABASE_URL,HASH_SALT,TRACKER_SCRIPT_NAME&amp;envDescription=These%20values%20are%20defined%20in%20the%20configure%20Umami%20step%20from%20Install&amp;envLink=https%3A%2F%2Fumami.is%2Fdocs%2Finstall&amp;project-name=umami&amp;repo-name=umami"><img src="https://vercel.com/button" class="lazyload" data-srcset="https://vercel.com/button" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="部署到Vercel"></a></p><ol><li>点击上方按钮，跳转至 Vercel 进行 Server 端部署</li><li><div class="note info"><p>如果你未登录的话，Vercel 会让你注册或登录，请使用 GitHub 账户进行快捷登录。</p></div></li><li><p>输入一个你喜欢的 Vercel 项目名称并点击 Create 继续:</p></li></ol><p><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230714/msedge_EtpjrPwPlG.4zkys81bppo0.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230714/msedge_EtpjrPwPlG.4zkys81bppo0.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="msedge_EtpjrPwPlG"></p><ol><li>配置环境变量</li></ol><p><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230714/msedge_EtpjrPwPlG.4zkys81bppo0.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230714/msedge_EtpjrPwPlG.4zkys81bppo0.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="msedge_EtpjrPwPlG"><br>部署完成后，会跳转到环境变量部分，请按照如下方式配置环境变量：<br>| 名称 | 说明 |<br>| —————- | —————- |<br>|DATABASE_URL|（必填）数据库链接|<br>|HASH_SALT|（必填）任意字符串，推荐<a href="https://uuid.bmcx.com/">这里</a>生成一串UUID|<br>|TRACKER_SCRIPT_NAME|（建议）任意字符串，推荐<a href="https://uuid.bmcx.com/">这里</a>生成一串UUID（不填会导致去广告插件把这段脚本给拦截）|</p><p><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230714/msedge_3VF46Qh4uk.6ebntqavbmw.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230714/msedge_3VF46Qh4uk.6ebntqavbmw.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="msedge_3VF46Qh4uk"></p><p>配置完成后点击Deploy开始部署，部署过程大概两分钟，部署成功后会有一个彩纸的喜庆页面。</p><h1 id="绑定域名"><a href="#绑定域名" class="headerlink" title="绑定域名"></a>绑定域名</h1><p>点击Go to Dashboard，进入Settings——&gt;Domains绑定域名</p><p><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230714/image.6kbvzv14uic.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230714/image.6kbvzv14uic.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="image"></p><p>你绑定的域名就是umami的后台网址</p><h1 id="配置后台"><a href="#配置后台" class="headerlink" title="配置后台"></a>配置后台</h1><p>点击你绑定的域名，进入Umami后台登录（默认用户名admin和密码umami）进入后第一时间修改密码。</p><p><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230714/msedge_V6f3L8vvos.3pvc55z6eqw0.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230714/msedge_V6f3L8vvos.3pvc55z6eqw0.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="msedge_V6f3L8vvos"></p><h1 id="添加站点-amp-获取代码"><a href="#添加站点-amp-获取代码" class="headerlink" title="添加站点 &amp; 获取代码"></a>添加站点 &amp; 获取代码</h1><p>“网站”—-&gt;“添加网站”添加你自己的网站</p><p><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230714/image.x9jagr7mvxc.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230714/image.x9jagr7mvxc.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="image"></p><p>保存后点击“编辑”—-&gt;“跟踪代码”，将获取到的代码放进你的站点</p><p><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230714/msedge_trQnJ47k75.20wh55o85wkg.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230714/msedge_trQnJ47k75.20wh55o85wkg.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="msedge_trQnJ47k75"></p><p>不久后就能看到你的站点数据了</p><h1 id="问题"><a href="#问题" class="headerlink" title="问题"></a>问题</h1><ul><li>Umami无法登录，提示“Failed to load resource: the server responded with a status of 405”<br>等待几分钟后登录重试</li><li>使用Supabase数据库时，Vercel提示这个错误：</li></ul><p><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230714/msedge_D1X7RIZpUD.5wxtzukahdo0.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230714/msedge_D1X7RIZpUD.5wxtzukahdo0.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="msedge_D1X7RIZpUD"></p><p>建议重新新建数据库，还不行的话更换别的数据库</p>]]></content>
627
627
 
@@ -644,7 +644,7 @@
644
644
  <link href="https://blog.sinzmise.top/posts/12779/"/>
645
645
  <id>https://blog.sinzmise.top/posts/12779/</id>
646
646
  <published>2023-07-06T17:04:12.000Z</published>
647
- <updated>2024-11-09T08:00:35.901Z</updated>
647
+ <updated>2024-11-09T08:45:10.468Z</updated>
648
648
 
649
649
  <content type="html"><![CDATA[<p>这些站点有些年代了。。。。。。<br><span id="more"></span></p><h1 id="秘密花园（www-yini-org-）"><a href="#秘密花园（www-yini-org-）" class="headerlink" title="秘密花园（www.yini.org ）"></a>秘密花园（www.yini.org ）</h1><p>第一次认识这个站点，还得从我的企划：Prism Online开始——<br>其实这个企划的名字不是我自定的，而是为了纪念zia之前为Win98复活realplayer做的站点：Prism Online<br>这个网页被我保存下来了，又因为是连Win98的IE都能访问，所以页面保存完整：<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230706/msedge_NVTZMJiz3k.3fvqvt9mj420.png" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230706/msedge_NVTZMJiz3k.3fvqvt9mj420.png" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="msedge_NVTZMJiz3k"><br>右上角的“秘密花园网”顿时就让我来了兴趣，<psw>以为这是zia偷偷搞得项目，</psw>就访问了这个站点<br>结果你们看一下时间：<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230706/msedge_kjVMokSZhI.ur8solbr9c0.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230706/msedge_kjVMokSZhI.ur8solbr9c0.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="msedge_kjVMokSZhI"><br>好家伙1999？那时候我还没出生吧<psw>（我05后，年龄早就说出来了，只不过没加入关于页面而已。。。。。。）</psw></p><p>进入主页（点中间的Enter进入主页，而不是按Enter键！），引入眼帘的是这个页面：<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230706/msedge_7JtNIv2lMG.756hl2fhf940.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230706/msedge_7JtNIv2lMG.756hl2fhf940.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="msedge_7JtNIv2lMG"><br>伴随着这个页面的出现还有这首歌：<br><div class="audio"><audio controls preload><source src='https://files.blog.sinzmise.top/mp3/love.mp3' type='audio/mp3'>Your browser does not support the audio tag.</audio></div><br>这首歌是Song from a secret garden的钢琴版<br>歌曲的出现，不仅给站点带来了一丝神秘感，还奇妙地契合“秘密花园”这个名字<br><del>（虽然这个版本我不喜欢听，我更喜欢听原版的，原版更有意境）</del></p><p>下面说一下在这个花园里我喜欢的背景音乐（管理者貌似给很多页面设置了独立的背景音乐）<br>1.<a href="http://www.yini.org/museum/museum.htm">秘密花园历史博物馆页面</a><br><div class="audio"><audio controls preload><source src='https://files.blog.sinzmise.top/mp3/SAYGOODBYE.mp3' type='audio/mp3'>Your browser does not support the audio tag.</audio></div><br>这个音乐我查了很久都查不到结果（甚至听歌识别都没有识别到），有谁知道的跟我说一下</p><p>2.<a href="http://www.yini.org/news/news.htm">秘密花园更新记录页面</a><br><div class="audio"><audio controls preload><source src='https://files.blog.sinzmise.top/mp3/hgtc.mp3' type='audio/mp3'>Your browser does not support the audio tag.</audio></div><br>“亲爱的旅人啊”的童声版（冷知识：“亲爱的旅人啊”是always with me的中文填词版，就是为了表达对《千与千寻》的喜爱）</p><p>3.<a href="http://www.yini.org/girl/index.htm">秘密花园少女漫画页面</a><br><div class="audio"><audio controls preload><source src='https://files.blog.sinzmise.top/mp3/xindong.mp3' type='audio/mp3'>Your browser does not support the audio tag.</audio></div><br>这个音乐我查了很久也查不到结果（听歌识别也没有识别到），有谁知道的跟我说一下</p><p>4.<a href="http://www.yini.org/girl/tv/index2.htm">秘密花园欧美动画介绍————愤怒的小鸟</a><br><div class="audio"><audio controls preload><source src='https://files.blog.sinzmise.top/mp3/angry.mp3' type='audio/mp3'>Your browser does not support the audio tag.</audio></div><br>愤怒的小鸟主题曲吉他版（这个旋律。。。。。。爷青回）</p><p>5.<a href="http://www.yini.org/girl/tv/index3.htm">秘密花园中国动画介绍————大鱼海棠</a><br><div class="audio"><audio controls preload><source src='https://files.blog.sinzmise.top/mp3/dayu.mp3' type='audio/mp3'>Your browser does not support the audio tag.</audio></div><br>周深的《大鱼》（没什么多说的，就算是放在2023年都很好听）</p><p>5.<a href="http://www.yini.org/girl/tv/index3.htm">秘密花园中国动画介绍————喜羊羊与灰太狼</a><br><div class="audio"><audio controls preload><source src='https://files.blog.sinzmise.top/mp3/yang.mp3' type='audio/mp3'>Your browser does not support the audio tag.</audio></div><br>喜灰原始世界历险记的主题曲——李紫昕的《知己》（这个主题曲也成为我看喜灰以来最熟悉的主题曲）</p><p>6.<a href="http://www.yini.org/girl/games/index.htm">秘密花园游戏图片————仙剑四（1）</a><br><div class="audio"><audio controls preload><source src='https://files.blog.sinzmise.top/mp3/xianjian1.mp3' type='audio/mp3'>Your browser does not support the audio tag.</audio></div><br>仙剑4主题曲——回梦游仙（这首歌我好像在哪听过。。。。。。等会我父亲好像玩过这游戏，怪不得那么熟悉）</p><p>7.<a href="http://www.yini.org/girl/games/index.htm">秘密花园游戏图片————仙剑四（2）</a><br><div class="audio"><audio controls preload><source src='https://files.blog.sinzmise.top/mp3/xj4.mp3' type='audio/mp3'>Your browser does not support the audio tag.</audio></div><br>回梦游仙（心然版，是仙剑4主题曲的填词版）</p><h1 id="月光软件（www-moon-soft-com-）"><a href="#月光软件（www-moon-soft-com-）" class="headerlink" title="月光软件（www.moon-soft.com ）"></a>月光软件（www.moon-soft.com ）</h1><p>1997年开设的站点，这里面是下载php、asp、jsp等源码<br><del>（虽然收集的源码没有a5下载那么多，但考虑到a5下载是2009年创办的，所以。。。。。。）</del></p><p>这个没有太多介绍的</p><h1 id="sickbaby（www-sickbaby-org-）"><a href="#sickbaby（www-sickbaby-org-）" class="headerlink" title="sickbaby（www.sickbaby.org ）"></a>sickbaby（www.sickbaby.org ）</h1><p>这个是我偶然在知乎上找到的<br>目前我找到的资料：<br>“暗地病孩子”是一个纯文学论坛，由《萌芽》写手路内、七月人等共同创办于1998年6月6日。当年这个网站的影响之大，据说大到“影响了一代人”。到底有没有这么厉害咱也不知道，毕竟这个网站火的时候阿广还没认识多少个字。</p><p>“暗地病孩子”的网页风格阴暗晦涩，黑底白字看得人眼睛发酸。</p><p>该网站是那个时代文青的精神家园，安妮宝贝、小饭、张悦然、周嘉宁、苏德等青年作家都曾在这个论坛发表过文章。</p><p>“暗地病孩子”的用户大多是中学生以及大学生，他们以“病孩子”自居，在这里分享自己的文字、摄影、音乐、画，跟来自全国各地的“病孩子”一起聊天。虽然分享者众多，但网站收录的文艺作品都统一保持着颓废阴郁的风格。</p><p>多年以后，这些病孩子都成家立业了，偶尔当他们记起当年在“暗地病孩子”上认识的某个网友，还会在群里问当年那个“孩子”怎么样了。</p><h1 id="达也小站（http-www-touchcn-com-index-tkm-asp）"><a href="#达也小站（http-www-touchcn-com-index-tkm-asp）" class="headerlink" title="达也小站（http://www.touchcn.com/index_tkm.asp）"></a>达也小站（<a href="http://www.touchcn.com/index_tkm.asp）">http://www.touchcn.com/index_tkm.asp）</a></h1><p>这个好像是一个动漫站点<br>目前已经无法注册，原因：<br><img src="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230706/msedge_GFKmRzRmyk.1k4lh0b8hlfk.webp" class="lazyload" data-srcset="https://jsd.cdn.storisinz.site/gh/SinzMise/picx-images-hosting@master/20230706/msedge_GFKmRzRmyk.1k4lh0b8hlfk.webp" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="msedge_GFKmRzRmyk"></p><h1 id="阿江守候（www-ajiang-net-）"><a href="#阿江守候（www-ajiang-net-）" class="headerlink" title="阿江守候（www.ajiang.net ）"></a>阿江守候（www.ajiang.net ）</h1><p>这个也是在知乎上找到的<br>我感觉这个站长是个大佬，他的作品有很多，甚至51la也是他做的<br>这个站点不仅发布者他的动态，甚至有<a href="http://www.ajiang.net/wenxue.htm">“校园文学”</a><br>（要不然怎么是“高校文学爱好者的乐园”呢，不过目前暂不接受投稿了，但留言板还在更新）</p><h1 id="偏执狂金属网（www-paranoidmetal-com-）"><a href="#偏执狂金属网（www-paranoidmetal-com-）" class="headerlink" title="偏执狂金属网（www.paranoidmetal.com ）"></a>偏执狂金属网（www.paranoidmetal.com ）</h1><p>重金属音乐爱好者的站点，没什么好说的</p><h1 id="机动展示联盟MSL中国（cnmsl-net-）"><a href="#机动展示联盟MSL中国（cnmsl-net-）" class="headerlink" title="机动展示联盟MSL中国（cnmsl.net ）"></a>机动展示联盟MSL中国（cnmsl.net ）</h1><p>（请勿理解成那个cnmsl，这个网站全称是China Mobile Suit League，是CN-MSL，不是那个cnmsl。。。。。。）<br>没想到1999年就有人围绕机械和高达搭建了同人站（这好像不算同人站吧），只能说国内高达能吸引那么多人有他们的一份功劳</p><p>还有很多站点就不再说了，再说下去空间不够了</p>]]></content>
650
650
 
@@ -665,7 +665,7 @@
665
665
  <link href="https://blog.sinzmise.top/posts/53662/"/>
666
666
  <id>https://blog.sinzmise.top/posts/53662/</id>
667
667
  <published>2023-07-05T19:33:40.000Z</published>
668
- <updated>2024-11-09T08:00:35.901Z</updated>
668
+ <updated>2024-11-09T08:45:10.468Z</updated>
669
669
 
670
670
  <content type="html"><![CDATA[<span id="more"></span><h1 id="为什么要重写博客"><a href="#为什么要重写博客" class="headerlink" title="为什么要重写博客"></a>为什么要重写博客</h1><p>随着我考试完成和我新网名（也就是我那个笔名：王九弦）的使用，我发现原先的主题配色已经不太适合我现在的人设，因此不得不对博客进行重写<br><psw>（我甚至还用ai绘画重新画了一遍头像，且进行修改）</psw></p><h1 id="更新了什么"><a href="#更新了什么" class="headerlink" title="更新了什么"></a>更新了什么</h1><p>1.从原先的butterfly主题换成了<a href="https://github.com/anzhiyu-c/hexo-theme-anzhiyu">anzhiyu主题</a><br>2.博客更名为“九弦之屋”（也算是为了契合我那笔名）<br>3.修复了Waline无法注册的问题（我重新部署了评论，导致所有评论数据丢失）<br>4.主题配色大更换<br>5.不知道你们有没有发现，我在评论框里放了动态背景图片<psw>（废话）</psw><br>Twikoo背景图出处：<a href="https://www.aigei.com/item/cai_se_xuan_lan_3.html">https://www.aigei.com/item/cai_se_xuan_lan_3.html</a><br>Waline背景图出处：<a href="http://www.yini.org/girl/gif/001.htm">http://www.yini.org/girl/gif/001.htm</a> <psw>（这站有些年头了，不然怎么到现在还用http。。。。。。）</psw></p><p><del>（后面实在不知道怎么写了，那就这样吧。。。。。。。）</del></p>]]></content>
671
671