sinzmise-cetastories 2.0.0-1731119021680 → 2.0.0-1731131202200

Sign up to get free protection for your applications and to get access to all the features.
Files changed (124) 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/essay/index.html +1 -1
  52. package/fcircle/index.html +1 -1
  53. package/games +71 -3
  54. package/index.html +1 -1
  55. package/link/index.html +1 -1
  56. package/maps/sw.js.map +1 -1
  57. package/music/index.html +1 -1
  58. package/package.json +1 -1
  59. package/page/2/index.html +1 -1
  60. package/page/3/index.html +1 -1
  61. package/page/4/index.html +1 -1
  62. package/page/5/index.html +1 -1
  63. package/posts/10021/index.html +3 -3
  64. package/posts/10045/index.html +1 -1
  65. package/posts/10733/index.html +1 -1
  66. package/posts/10996/index.html +3 -3
  67. package/posts/12779/index.html +1 -1
  68. package/posts/13624/index.html +1 -1
  69. package/posts/15688/index.html +1 -1
  70. package/posts/15748/index.html +3 -3
  71. package/posts/15799/index.html +1 -1
  72. package/posts/15842/index.html +3 -3
  73. package/posts/16107/index.html +1 -1
  74. package/posts/18063/index.html +1 -1
  75. package/posts/20412/index.html +1 -1
  76. package/posts/21375/index.html +1 -1
  77. package/posts/22945/index.html +2 -2
  78. package/posts/23021/index.html +1 -1
  79. package/posts/27531/index.html +3 -3
  80. package/posts/28536/index.html +1 -1
  81. package/posts/28733/index.html +1 -1
  82. package/posts/29196/index.html +1 -1
  83. package/posts/38917/index.html +1 -1
  84. package/posts/38964/index.html +1 -1
  85. package/posts/42487/index.html +1 -1
  86. package/posts/42580/index.html +1 -1
  87. package/posts/45875/index.html +1 -1
  88. package/posts/46640/index.html +1 -1
  89. package/posts/48762/index.html +1 -1
  90. package/posts/50710/index.html +1 -1
  91. package/posts/52677/index.html +1 -1
  92. package/posts/53662/index.html +1 -1
  93. package/posts/54386/index.html +1 -1
  94. package/posts/54481/index.html +1 -1
  95. package/posts/54787/index.html +3 -3
  96. package/posts/56467/index.html +1 -1
  97. package/posts/57692/index.html +1 -1
  98. package/posts/58203/index.html +1 -1
  99. package/posts/61417/index.html +1 -1
  100. package/posts/61712/index.html +1 -1
  101. package/posts/646/index.html +1 -1
  102. package/posts/64856/index.html +1 -1
  103. package/posts/64935/index.html +1 -1
  104. package/search.xml +92 -92
  105. package/seas/index.html +1 -1
  106. package/sw.js +1 -1
  107. package/tags/Flash/347/233/270/345/205/263/index.html +1 -1
  108. package/tags/Steam/346/270/270/346/210/217/index.html +1 -1
  109. package/tags/Windows/350/275/257/344/273/266/index.html +1 -1
  110. package/tags/index.html +1 -1
  111. package/tags//344/270/252/344/272/272/345/260/217/350/256/260/index.html +1 -1
  112. package/tags//344/270/252/344/272/272/345/260/217/350/256/260/page/2/index.html +1 -1
  113. package/tags//345/205/266/345/256/203/346/270/270/346/210/217/index.html +1 -1
  114. package/tags//345/212/240/350/275/275/345/212/250/347/224/273/index.html +1 -1
  115. 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
  116. package/tags//346/255/214/346/233/262/346/224/266/351/233/206/index.html +1 -1
  117. package/tags//346/270/270/346/210/217/347/233/270/345/205/263/index.html +1 -1
  118. package/tags//347/253/231/347/202/271/345/272/225/351/203/250/351/255/224/346/224/271/index.html +1 -1
  119. package/tags//347/253/231/347/202/271/346/212/230/350/205/276/index.html +1 -1
  120. package/tags//347/253/231/347/202/271/346/212/230/350/205/276/page/2/index.html +1 -1
  121. package/tags//350/207/252/345/273/272/351/203/250/347/275/262/index.html +1 -1
  122. package/tags//351/241/265/351/235/242/351/255/224/346/224/271/index.html +1 -1
  123. package/tags//351/241/271/347/233/256/346/212/230/350/205/276/index.html +1 -1
  124. 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-09T02:22:48.442Z</updated>
9
+ <updated>2024-11-09T05:45:52.248Z</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-09T02:22:48.442Z</updated>
24
+ <updated>2024-11-09T05:45:52.248Z</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-09T02:22:48.442Z</updated>
45
+ <updated>2024-11-09T05:45:52.252Z</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-09T02:22:48.442Z</updated>
66
+ <updated>2024-11-09T05:45:52.248Z</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-09T02:22:48.442Z</updated>
87
+ <updated>2024-11-09T05:45:52.248Z</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-09T02:22:48.442Z</updated>
108
+ <updated>2024-11-09T05:45:52.252Z</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-09T02:22:48.442Z</updated>
131
+ <updated>2024-11-09T05:45:52.248Z</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-09T02:22:48.442Z</updated>
152
+ <updated>2024-11-09T05:45:52.248Z</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-09T02:22:48.442Z</updated>
173
+ <updated>2024-11-09T05:45:52.248Z</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-09T02:22:48.442Z</updated>
195
+ <updated>2024-11-09T05:45:52.248Z</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-09T02:22:48.442Z</updated>
218
+ <updated>2024-11-09T05:45:52.248Z</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-09T02:22:48.442Z</updated>
240
+ <updated>2024-11-09T05:45:52.252Z</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-09T02:22:48.442Z</updated>
264
+ <updated>2024-11-09T05:45:52.248Z</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-09T02:22:48.442Z</updated>
287
+ <updated>2024-11-09T05:45:52.248Z</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-09T02:22:48.442Z</updated>
309
+ <updated>2024-11-09T05:45:52.252Z</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-09T02:22:48.442Z</updated>
333
+ <updated>2024-11-09T05:45:52.248Z</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-09T02:22:48.442Z</updated>
354
+ <updated>2024-11-09T05:45:52.248Z</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-09T02:22:48.442Z</updated>
377
+ <updated>2024-11-09T05:45:52.252Z</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-09T02:22:48.442Z</updated>
400
+ <updated>2024-11-09T05:45:52.252Z</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-09T02:22:48.442Z</updated>
423
+ <updated>2024-11-09T05:45:52.248Z</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-09T02:22:48.442Z</updated>
445
+ <updated>2024-11-09T05:45:52.248Z</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-09T02:22:48.442Z</updated>
466
+ <updated>2024-11-09T05:45:52.252Z</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-09T02:22:48.442Z</updated>
487
+ <updated>2024-11-09T05:45:52.252Z</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-09T02:22:48.442Z</updated>
508
+ <updated>2024-11-09T05:45:52.252Z</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-09T02:22:48.442Z</updated>
529
+ <updated>2024-11-09T05:45:52.252Z</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-09T02:22:48.442Z</updated>
552
+ <updated>2024-11-09T05:45:52.248Z</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-09T02:22:48.442Z</updated>
575
+ <updated>2024-11-09T05:45:52.252Z</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-09T02:22:48.442Z</updated>
598
+ <updated>2024-11-09T05:45:52.252Z</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-09T02:22:48.442Z</updated>
624
+ <updated>2024-11-09T05:45:52.248Z</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-09T02:22:48.442Z</updated>
647
+ <updated>2024-11-09T05:45:52.252Z</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-09T02:22:48.442Z</updated>
668
+ <updated>2024-11-09T05:45:52.252Z</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