动态 版块 发帖 消息 我的
Loading...
HadSky
IT亿
子版块
zhk
185
<h2 class="wp-block-zibllblock-biaoti title-theme" id="wznav_0" style="box-sizing: border-box; overflow-wrap: break-word; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; line-height: 1.1; color: var(--theme-color); margin: 20px 0px; font-size: 18px; position: relative; padding: 0.1em 0px 0.1em 1.1em; border: none; white-space: normal; background-color: rgb(255, 255, 255); outline: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 18pt; color: rgb(255, 0, 0);">前言介绍</span></h2><ul style="box-sizing: border-box; overflow-wrap: break-word; margin: 20px; padding: 0px 0px 0px 20px; list-style-position: initial; list-style-image: initial; color: rgb(78, 83, 88); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255); outline: 0px !important;" class=" list-paddingleft-2"><li><p><span style="box-sizing: border-box; outline: 0px !important; font-size: 12pt;">本页<a href="https://www.kuvsi.com/94" style="box-sizing: border-box; background-color: transparent; text-decoration-line: none; cursor: pointer; transition: color 0.2s ease 0s, background 0.3s ease 0s, opacity 0.3s ease 0s, box-shadow 0.3s ease 0s, transform 0.3s ease 0s; outline: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; color: rgb(255, 0, 0);">主题美化</span></a>内容是白鲸博客在建站时一个一个测试过无任何错误的记录合集,使用之前先参考本站,若觉得实用就拿去用吧,我会持续的更新。</span></p></li></ul><h2 class="wp-block-zibllblock-biaoti title-theme" id="wznav_1" style="box-sizing: border-box; overflow-wrap: break-word; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; line-height: 1.1; color: var(--theme-color); margin: 20px 0px; font-size: 18px; position: relative; padding: 0.1em 0px 0.1em 1.1em; border: none; white-space: normal; background-color: rgb(255, 255, 255); outline: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 18pt; color: rgb(255, 0, 0);">美化说明</span></h2><ul style="box-sizing: border-box; overflow-wrap: break-word; margin: 20px; padding: 0px 0px 0px 20px; list-style-position: initial; list-style-image: initial; color: rgb(78, 83, 88); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255); outline: 0px !important;" class=" list-paddingleft-2"><li><p><span style="box-sizing: border-box; outline: 0px !important; font-size: 12pt;">每个人的审美观念不一样,所以请先参考本站或测试在用。</span></p></li><li><p><span style="box-sizing: border-box; outline: 0px !important; font-size: 12pt;">主题美化、小工具可能会有一定程度使网站加载缓慢、CSS 全局污染等等一系列的问题,请一定要测试后在进行美化。</span></p></li><li><p><span style="box-sizing: border-box; outline: 0px !important; font-size: 12pt;">主题美化可能会对主题文件进行修改,更新时请及时备份主题美化的文件,或者收藏本站,以免一些主题页面或美化效果丢失。</span></p></li><li><p><span style="box-sizing: border-box; outline: 0px !important; font-size: 12pt;">子比主题美化都是站长自己鼓捣,测试后才分布的,完全免费,开放。</span></p></li></ul><h2 class="wp-block-zibllblock-biaoti title-theme" id="wznav_2" style="box-sizing: border-box; overflow-wrap: break-word; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; line-height: 1.1; color: var(--theme-color); margin: 20px 0px; font-size: 18px; position: relative; padding: 0.1em 0px 0.1em 1.1em; border: none; white-space: normal; background-color: rgb(255, 255, 255); outline: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 18pt; color: rgb(255, 0, 0);">必要说明:</span><span style="box-sizing: border-box; outline: 0px !important; color: rgb(255, 0, 0);"><span style="box-sizing: border-box; outline: 0px !important; font-size: 18pt;">(核心重点)</span></span></h2><ul style="box-sizing: border-box; overflow-wrap: break-word; margin: 20px; padding: 0px 0px 0px 20px; list-style-position: initial; list-style-image: initial; color: rgb(78, 83, 88); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255); outline: 0px !important;" class=" list-paddingleft-2"><li><p><span style="box-sizing: border-box; outline: 0px !important; font-weight: 700;"><span style="box-sizing: border-box; outline: 0px !important; color: rgb(255, 0, 0);">↓↓↓↓↓↓不会添加代码的看上面↓↓↓↓↓↓</span></span></p></li><li><p><span style="box-sizing: border-box; outline: 0px !important; font-size: 12pt;">(<span style="box-sizing: border-box; outline: 0px !important; color: rgb(255, 0, 0);">最新版子比主题</span>)CSS 代码添加到后台:<span style="box-sizing: border-box; outline: 0px !important; color: rgb(255, 0, 0);">子比主题设置—&gt;自定义代码—&gt;自定义 CSS 样式</span></span></p></li><li><p><span style="box-sizing: border-box; outline: 0px !important; font-size: 12pt;">(<span style="box-sizing: border-box; outline: 0px !important; color: rgb(255, 0, 0);">最新版子比主题</span>)JS 即 javascript 代码添加到:<span style="box-sizing: border-box; outline: 0px !important; color: rgb(255, 0, 0);">后台子比主题设置—&gt;自定义代码—&gt;自定义 javascript 代码</span></span></p></li><li><p><span style="box-sizing: border-box; outline: 0px !important; font-size: 12pt;"><span style="box-sizing: border-box; outline: 0px !important; font-weight: 700;">(<span style="box-sizing: border-box; outline: 0px !important; color: rgb(255, 0, 0);">最新版子比主题</span>)没有特殊说明的小工具,<span style="box-sizing: border-box; outline: 0px !important; color: rgb(255, 0, 0);">自定义 HTML 小工具:添加网站后台—&gt;外观–&gt;小工具–&gt;点击【自定义 HTML】选择放置的位置—&gt;把代码复制进去,保存即可。</span></span></span></p></li><li><p><span style="box-sizing: border-box; outline: 0px !important; font-size: 12pt;"><span style="box-sizing: border-box; outline: 0px !important; color: rgb(255, 0, 0);">↑↑↑↑↑↑不会添加代码的看上面↑↑↑↑↑↑</span></span></p></li><li><p><span style="box-sizing: border-box; outline: 0px !important; font-size: 12pt;">其他添加方式的,我会在教程里告知,若只需添加 CSS+JS 的教程,我可能不重复告知了,请注意看上面的方法。</span></p></li><li><p><span style="box-sizing: border-box; outline: 0px !important; font-size: 12pt;">其他添加方式的,我会在教程里告知,若只需添加 CSS+JS 的教程,我可能不重复告知了,请注意看上面的方法。</span></p></li></ul><p><span style="box-sizing: border-box; outline: 0px !important; font-weight: 700;">教程按更新时间排序,最新的美化教程排在最后面-页码越往后越新,<span style="box-sizing: border-box; outline: 0px !important; color: rgb(255, 0, 0);">白鲸博客</span>美化分享</span></p><p><span class="fa fa-plus" style="box-sizing: border-box; display: inline-block; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: 1; font-family: FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 20px; color: var(--focus-color); transition: all 0.3s ease 0s; transform: rotate(-45deg); outline: 0px !important;"></span><span class="biaoti " style="box-sizing: border-box; outline: 0px !important; font-weight: 700;">1、导航栏字体加粗美化代码</span></p><h2 id="wznav_3" style="box-sizing: border-box; overflow-wrap: break-word; font-family: inherit; line-height: 1.1; color: inherit; margin: 20px 0px; font-size: 18px; outline: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 14pt;">使用说明</span></span></h2><p style="box-sizing: border-box; overflow-wrap: break-word; margin-top: 0px; margin-bottom: 20px; outline: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-weight: 700;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 10pt;">&nbsp; &nbsp; &nbsp; &nbsp;你只需在网站管理后台→主题设置→自定义代码→自定义 CSS 样式,把下面的 CSS 代码复制粘贴到里面即可。</span></span></p><h1 class="wp-block-zibllblock-biaoti title-theme" id="wznav_4" style="box-sizing: border-box; overflow-wrap: break-word; font-size: 20px; margin: 20px 0px; font-family: inherit; line-height: 1.1; color: var(--theme-color); position: relative; padding: 0.1em 0px 0.1em 1.1em; border: none; outline: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 14pt; color: rgb(255, 0, 0);">自定义&nbsp;<span style="box-sizing: border-box; outline: 0px !important;">CSS</span>&nbsp;样式:</span></h1><pre class="wp-block-zibllblock-enlighter" style="box-sizing: border-box; overflow: auto; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 13px; padding: 0px; margin-top: 0px; margin-bottom: 0px; line-height: 1.42857; color: var(--main-color); word-break: break-all; overflow-wrap: break-word; background-position: 0px 0px; background-color: initial; border: none; border-radius: 4px; outline: 0px !important;">//导航栏字体加粗开始//白鲸博客(www.kuvsi.com)ul.nav&nbsp;{font-weight:&nbsp;700;}//白鲸博客(www.kuvsi.com)//导航栏字体加粗结束</pre><p></p><p><img alt="WordPress子比主题美化教程—本文持续更新.-白鲸博客" title="WordPress子比主题美化教程—本文持续更新.-白鲸博客" src="https://pic.kuvsi.com/beluga/mhys/%E5%AF%BC%E8%88%AA%E6%A0%8F%E5%AD%97%E4%BD%93%E5%8A%A0%E7%B2%97.jpg" imgbox-id="swiper-imgbox-11154" imgbox-index="0" style="box-sizing: border-box; outline: 0px !important; height: auto; max-width: 100%; border: 0px; vertical-align: bottom; max-height: 100%; display: block; margin: auto; border-radius: inherit;"/><span style="box-sizing: border-box; outline: 0px !important; font-weight: 700;">导航栏字体加粗演示图片</span></p><p></p><p><span class="fa fa-plus" style="box-sizing: border-box; display: inline-block; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: 1; font-family: FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 20px; color: var(--focus-color); transition: all 0.3s ease 0s; transform: rotate(-45deg); outline: 0px !important;"></span><span class="biaoti " style="box-sizing: border-box; outline: 0px !important; font-weight: 700;">2、导航栏背景图片美化代码</span></p><h2 id="wznav_5" style="box-sizing: border-box; overflow-wrap: break-word; font-family: inherit; line-height: 1.1; color: inherit; margin: 20px 0px; font-size: 18px; outline: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 14pt;">使用方法</span></h2><p style="box-sizing: border-box; overflow-wrap: break-word; margin-top: 0px; margin-bottom: 20px; outline: 0px !important;">&nbsp; &nbsp; &nbsp; &nbsp;<span style="box-sizing: border-box; outline: 0px !important; font-weight: 700;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 10pt;">你只需在网站管理后台→主题设置→自定义代码→自定义 CSS 代码样式,把下面的 CSS 代码复制粘贴到里面即可。</span></span><span style="box-sizing: border-box; outline: 0px !important; font-weight: 700;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 10pt;">(如果需要换背景把下面https://pic.kuvsi.com/kuvsi/h5.jpg这行替换你的背景图片即可)</span></span></p><h2 id="wznav_6" style="box-sizing: border-box; overflow-wrap: break-word; font-family: inherit; line-height: 1.1; color: inherit; margin: 20px 0px; font-size: 18px; outline: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 14pt;">注意事项</span></span></h2><p style="box-sizing: border-box; overflow-wrap: break-word; margin-top: 0px; margin-bottom: 20px; outline: 0px !important;">&nbsp; &nbsp; &nbsp; &nbsp;<span style="box-sizing: border-box; outline: 0px !important; font-size: 10pt;"><span style="box-sizing: border-box; outline: 0px !important; font-weight: 700;">打开网站管理后台→子比主题设置→页面显示→顶部导航→电脑端导航布局(选择第一个选项)→移动端导航布局(选择第一个选项)→设置完成即可,不这样设置的话顶部导航背景是显示不出来的。</span></span></p><h1 class="wp-block-zibllblock-biaoti title-theme" id="wznav_7" style="box-sizing: border-box; overflow-wrap: break-word; font-size: 20px; margin: 20px 0px; font-family: inherit; line-height: 1.1; color: var(--theme-color); position: relative; padding: 0.1em 0px 0.1em 1.1em; border: none; outline: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 14pt; color: rgb(255, 0, 0);">自定义 CSS 样式:</span></h1><pre class="wp-block-zibllblock-enlighter" style="box-sizing: border-box; overflow: auto; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 13px; padding: 0px; margin-top: 0px; margin-bottom: 0px; line-height: 1.42857; color: var(--main-color); word-break: break-all; overflow-wrap: break-word; background-position: 0px 0px; background-color: initial; border: none; border-radius: 4px; outline: 0px !important;">/*导航栏背景开始*//*白鲸博客(www.kuvsi.com)*/.header-layout-1{position:relative;background-image:url(https://pic.kuvsi.com/kuvsi/h5.jpg);background-position:center&nbsp;right;background-size:auto&nbsp;100%;}/*白鲸博客(www.kuvsi.com)*//*导航栏背景结束*/</pre><p></p><p><img alt="WordPress子比主题美化教程—本文持续更新.-白鲸博客" title="WordPress子比主题美化教程—本文持续更新.-白鲸博客" src="https://pic.kuvsi.com/beluga/mhys/IMG_20220322_032648.jpg" imgbox-id="swiper-imgbox-11154" imgbox-index="1" style="box-sizing: border-box; outline: 0px !important; height: auto; max-width: 100%; border: 0px; vertical-align: bottom; max-height: 100%; display: block; margin: auto; border-radius: inherit;"/>导航栏背景美化演示图片</p><p></p><p><span class="fa fa-plus" style="box-sizing: border-box; display: inline-block; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: 1; font-family: FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 20px; color: var(--focus-color); transition: all 0.3s ease 0s; transform: rotate(-45deg); outline: 0px !important;"></span><span class="biaoti " style="box-sizing: border-box; outline: 0px !important; font-weight: 700;">3、网站首页背图景美化代码</span></p><h2 id="wznav_8" style="box-sizing: border-box; overflow-wrap: break-word; font-family: inherit; line-height: 1.1; color: inherit; margin: 20px 0px; font-size: 18px; outline: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 14pt;">使用方法</span></span></h2><p style="box-sizing: border-box; overflow-wrap: break-word; margin-top: 0px; margin-bottom: 20px; outline: 0px !important;">&nbsp; &nbsp; &nbsp; &nbsp;<span style="box-sizing: border-box; outline: 0px !important; font-weight: 700;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 10pt;">你只需在网站管理后台→主题设置→自定义代码→自定义 CSS 代码样式,把下面的 CSS 代码复制粘贴到里面即可。(如果需要换背景把下面https://pic.kuvsi.com/kuvsi/bj.webp这行替换你的背景图片即可)</span></span></p><h1 class="wp-block-zibllblock-biaoti title-theme" id="wznav_9" style="box-sizing: border-box; overflow-wrap: break-word; font-size: 20px; margin: 20px 0px; font-family: inherit; line-height: 1.1; color: var(--theme-color); position: relative; padding: 0.1em 0px 0.1em 1.1em; border: none; outline: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 14pt; color: rgb(255, 0, 0);">自定义 CSS 样式:</span></h1><pre class="wp-block-zibllblock-enlighter" style="box-sizing: border-box; overflow: auto; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 13px; padding: 0px; margin-top: 0px; margin-bottom: 0px; line-height: 1.42857; color: var(--main-color); word-break: break-all; overflow-wrap: break-word; background-position: 0px 0px; background-color: initial; border: none; border-radius: 4px; outline: 0px !important;">/*网站背景图开始*//*白鲸博客(www.kuvsi.com)*/body&nbsp;{background:&nbsp;var(--body-bg-color);}&nbsp;:root{--body-bg-color:url(https://pic.kuvsi.com/kuvsi/bj.webp)&nbsp;top&nbsp;fixed;}/*白鲸博客(www.kuvsi.com)*//*网站背景图结束*/</pre><p></p><p><img alt="WordPress子比主题美化教程—本文持续更新.-白鲸博客" title="WordPress子比主题美化教程—本文持续更新.-白鲸博客" src="https://pic.kuvsi.com/beluga/mhys/newyear.jpg" imgbox-id="swiper-imgbox-11154" imgbox-index="2" style="box-sizing: border-box; outline: 0px !important; height: auto; max-width: 100%; border: 0px; vertical-align: bottom; max-height: 100%; display: block; margin: auto; border-radius: inherit;"/>新年背景图<img alt="WordPress子比主题美化教程—本文持续更新.-白鲸博客" title="WordPress子比主题美化教程—本文持续更新.-白鲸博客" src="https://pic.kuvsi.com/beluga/mhys/290d72139573-1024x459.png" imgbox-id="swiper-imgbox-11154" imgbox-index="3" style="box-sizing: border-box; outline: 0px !important; height: auto; max-width: 100%; border: 0px; vertical-align: bottom; max-height: 100%; display: block; margin: auto; border-radius: inherit;"/>背景图片美化演示</p><p></p><p><span class="fa fa-plus" style="box-sizing: border-box; display: inline-block; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: 1; font-family: FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 20px; color: var(--focus-color); transition: all 0.3s ease 0s; transform: rotate(-45deg); outline: 0px !important;"></span><span class="biaoti " style="box-sizing: border-box; outline: 0px !important; font-weight: 700;">4、侧边栏背景图片美化代码</span></p><h2 id="wznav_10" style="box-sizing: border-box; overflow-wrap: break-word; font-family: inherit; line-height: 1.1; color: inherit; margin: 20px 0px; font-size: 18px; outline: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 14pt;"><span style="box-sizing: border-box; outline: 0px !important;">使用方法<span style="box-sizing: border-box; outline: 0px !important; color: rgb(255, 0, 0);">(只有移动端可以看得到)</span></span></span></h2><p style="box-sizing: border-box; overflow-wrap: break-word; margin-top: 0px; margin-bottom: 20px; outline: 0px !important;">&nbsp; &nbsp; &nbsp; &nbsp;<span style="box-sizing: border-box; outline: 0px !important; font-weight: 700;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 10pt;">你只需在网站管理后台→主题设置→自定义代码→自定义</span>&nbsp;<span style="box-sizing: border-box; outline: 0px !important; font-size: 10pt;">css</span>&nbsp;<span style="box-sizing: border-box; outline: 0px !important; font-size: 10pt;">代码样式,把下面的</span>&nbsp;<span style="box-sizing: border-box; outline: 0px !important; font-size: 10pt;">CSS</span>&nbsp;<span style="box-sizing: border-box; outline: 0px !important; font-size: 10pt;">代码复制粘贴到里面即可。</span></span><span style="box-sizing: border-box; outline: 0px !important; font-weight: 700; font-size: 10pt; color: initial;">(如果需要换背景把下面https://pic.kuvsi.com/kuvsi/h4.jpg这行替换你的背景图片即可)</span></p><h1 class="wp-block-zibllblock-biaoti title-theme" id="wznav_11" style="box-sizing: border-box; overflow-wrap: break-word; font-size: 20px; margin: 20px 0px; font-family: inherit; line-height: 1.1; color: var(--theme-color); position: relative; padding: 0.1em 0px 0.1em 1.1em; border: none; outline: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 14pt; color: rgb(255, 0, 0);">自定义 CSS 样式:</span></h1><pre class="wp-block-zibllblock-enlighter" style="box-sizing: border-box; overflow: auto; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 13px; padding: 0px; margin-top: 0px; margin-bottom: 0px; line-height: 1.42857; color: var(--main-color); word-break: break-all; overflow-wrap: break-word; background-position: 0px 0px; background-color: initial; border: none; border-radius: 4px; outline: 0px !important;">/*侧边栏背景开始*//*白鲸博客(www.kuvsi.com)*/@media&nbsp;(max-width:&nbsp;767px){.mobile-navbar.show,.mobile-navbar.left{&nbsp;&nbsp;&nbsp;&nbsp;background-size:&nbsp;cover;&nbsp;&nbsp;&nbsp;&nbsp;background-repeat:&nbsp;no-repeat;&nbsp;&nbsp;&nbsp;&nbsp;background-position:&nbsp;center&nbsp;center;&nbsp;&nbsp;&nbsp;&nbsp;cursor:&nbsp;pointer;&nbsp;&nbsp;background-image:linear-gradient(rgba(255,&nbsp;255,255,0),rgba(255,255,255,&nbsp;0.3)),url(https://pic.kuvsi.com/kuvsi/h4.jpg);}&nbsp;&nbsp;.mobile-nav-widget&nbsp;.box-body&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;background:&nbsp;var(--muted-border-color)&nbsp;!important;}}/*白鲸博客(www.kuvsi.com)*//*侧边栏背景结束*/</pre><p></p><p><img alt="WordPress子比主题美化教程—本文持续更新.-白鲸博客" title="WordPress子比主题美化教程—本文持续更新.-白鲸博客" src="https://pic.kuvsi.com/beluga/mhys/4b5b170783dbdf3a.jpg" imgbox-id="swiper-imgbox-11154" imgbox-index="4" style="box-sizing: border-box; outline: 0px !important; height: auto; max-width: 100%; border: 0px; vertical-align: bottom; max-height: 100%; display: block; margin: auto; border-radius: inherit;"/>侧边栏美化图片演示</p><p></p><p><span class="fa fa-plus" style="box-sizing: border-box; display: inline-block; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: 1; font-family: FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 20px; color: var(--focus-color); transition: all 0.3s ease 0s; transform: rotate(-45deg); outline: 0px !important;"></span><span class="biaoti " style="box-sizing: border-box; outline: 0px !important; font-weight: 700;">5、导航栏LOGO扫光圈代码</span></p><h2 id="wznav_12" style="box-sizing: border-box; overflow-wrap: break-word; font-family: inherit; line-height: 1.1; color: inherit; margin: 20px 0px; font-size: 18px; outline: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 14pt;"><span style="box-sizing: border-box; outline: 0px !important;">使用方法<span style="box-sizing: border-box; outline: 0px !important; color: rgb(255, 0, 0);">(效果看本站LOGO处)</span></span></span></h2><p style="box-sizing: border-box; overflow-wrap: break-word; margin-top: 0px; margin-bottom: 20px; outline: 0px !important;">&nbsp; &nbsp; &nbsp; &nbsp;<span style="box-sizing: border-box; outline: 0px !important; font-weight: 700;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 10pt;">你只需在网站管理后台→主题设置→自定义代码→自定义 CSS 代码样式,把下面的 CSS 代码复制粘贴到里面即可。(可以查看本站导航栏)</span></span></p><h1 class="wp-block-zibllblock-biaoti title-theme" id="wznav_13" style="box-sizing: border-box; overflow-wrap: break-word; font-size: 20px; margin: 20px 0px; font-family: inherit; line-height: 1.1; color: var(--theme-color); position: relative; padding: 0.1em 0px 0.1em 1.1em; border: none; outline: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 14pt; color: rgb(255, 0, 0);">自定义 CSS 样式:</span></h1><pre class="wp-block-zibllblock-enlighter" style="box-sizing: border-box; overflow: auto; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 13px; padding: 0px; margin-top: 0px; margin-bottom: 0px; line-height: 1.42857; color: var(--main-color); word-break: break-all; overflow-wrap: break-word; background-position: 0px 0px; background-color: initial; border: none; border-radius: 4px; outline: 0px !important;">/*导航栏扫光圈开始*//*白鲸博客(www.kuvsi.com)*/.navbar-brand{position:relative;overflow:hidden;margin:&nbsp;0px&nbsp;0&nbsp;0&nbsp;0px;}.navbar-brand:before{content:&quot;&quot;;&nbsp;position:&nbsp;absolute;&nbsp;left:&nbsp;-665px;&nbsp;top:&nbsp;-460px;&nbsp;width:&nbsp;200px;&nbsp;height:&nbsp;15px;&nbsp;background-color:&nbsp;rgba(255,255,255,.5);&nbsp;-webkit-transform:&nbsp;rotate(-45deg);&nbsp;-moz-transform:&nbsp;rotate(-45deg);&nbsp;-ms-transform:&nbsp;rotate(-45deg);&nbsp;-o-transform:&nbsp;rotate(-45deg);&nbsp;transform:&nbsp;rotate(-45deg);&nbsp;-webkit-animation:&nbsp;searchLights&nbsp;6s&nbsp;ease-in&nbsp;0s&nbsp;infinite;&nbsp;-o-animation:&nbsp;searchLights&nbsp;6s&nbsp;ease-in&nbsp;0s&nbsp;infinite;&nbsp;animation:&nbsp;searchLights&nbsp;6s&nbsp;ease-in&nbsp;0s&nbsp;infinite;}@-moz-keyframes&nbsp;searchLights{50%{left:&nbsp;-100px;&nbsp;top:&nbsp;0;}&nbsp;65%{left:&nbsp;120px;&nbsp;top:&nbsp;100px;}}@keyframes&nbsp;searchLights{40%{left:&nbsp;-100px;&nbsp;top:&nbsp;0;}&nbsp;60%{left:&nbsp;120px;&nbsp;top:&nbsp;100px;}&nbsp;80%{left:&nbsp;-100px;&nbsp;top:&nbsp;0px;}}/*白鲸博客(www.kuvsi.com)*//*导航栏扫光圈结束*/</pre><p><span class="fa fa-plus" style="box-sizing: border-box; display: inline-block; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: 1; font-family: FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 20px; color: var(--focus-color); transition: all 0.3s ease 0s; transform: rotate(-45deg); outline: 0px !important;"></span><span class="biaoti " style="box-sizing: border-box; outline: 0px !important; font-weight: 700;">6、网站左上角 FPS 帧率显示</span></p><h2 id="wznav_14" style="box-sizing: border-box; overflow-wrap: break-word; font-family: inherit; line-height: 1.1; color: inherit; margin: 20px 0px; font-size: 18px; outline: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 14pt;">使用方法</span></span></h2><p style="box-sizing: border-box; overflow-wrap: break-word; margin-top: 0px; margin-bottom: 20px; outline: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 10pt;"><span style="box-sizing: border-box; outline: 0px !important; font-weight: 700;">&nbsp; &nbsp; &nbsp; &nbsp;你只需在网站管理后台→主题设置→自定义代码→自定义 javascript 代码,把下面的 js 代码复制粘贴到里面即可。</span></span></p><h1 class="wp-block-zibllblock-biaoti title-theme" id="wznav_15" style="box-sizing: border-box; overflow-wrap: break-word; font-size: 20px; margin: 20px 0px; font-family: inherit; line-height: 1.1; color: var(--theme-color); position: relative; padding: 0.1em 0px 0.1em 1.1em; border: none; outline: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 14pt; color: rgb(255, 0, 0);">自定义 javascript 代码:</span></h1><pre class="wp-block-zibllblock-enlighter" style="box-sizing: border-box; overflow: auto; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 13px; padding: 0px; margin-top: 0px; margin-bottom: 0px; line-height: 1.42857; color: var(--main-color); word-break: break-all; overflow-wrap: break-word; background-position: 0px 0px; background-color: initial; border: none; border-radius: 4px; outline: 0px !important;">//&nbsp;网站左上角FPS&nbsp;帧率显示开始//&nbsp;白鲸博客,(www.kuvsi.com)$(&#39;body&#39;).before(&#39;&lt;div&nbsp;id=&quot;fps&quot;&nbsp;style=&quot;z-index:10000;position:fixed;top:3;left:3;font-weight:bold;&quot;&gt;&lt;/div&gt;&#39;);var&nbsp;showFPS&nbsp;=&nbsp;(function(){&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;requestAnimationFrame&nbsp;=&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;window.requestAnimationFrame&nbsp;||&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;window.webkitRequestAnimationFrame&nbsp;||&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;window.mozRequestAnimationFrame&nbsp;||&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;window.oRequestAnimationFrame&nbsp;||&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;window.msRequestAnimationFrame&nbsp;||&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;function(callback)&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;window.setTimeout(callback,&nbsp;1000/60);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;};&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;e,pe,pid,fps,last,offset,step,appendFps;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;fps&nbsp;=&nbsp;0;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;last&nbsp;=&nbsp;Date.now();&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;step&nbsp;=&nbsp;function(){&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;offset&nbsp;=&nbsp;Date.now()&nbsp;-&nbsp;last;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;fps&nbsp;+=&nbsp;1;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if(&nbsp;offset&nbsp;&gt;=&nbsp;1000&nbsp;){&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;last&nbsp;+=&nbsp;offset;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;appendFps(fps);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;fps&nbsp;=&nbsp;0;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;requestAnimationFrame(&nbsp;step&nbsp;);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;};&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;appendFps&nbsp;=&nbsp;function(fps){&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log(fps+&#39;FPS&#39;);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(&#39;#fps&#39;).html(fps+&#39;FPS&#39;);&nbsp;&nbsp;&nbsp;&nbsp;};&nbsp;&nbsp;&nbsp;&nbsp;step();})();//&nbsp;白鲸博客(www.kuvsi.com)//&nbsp;网站左上角FPS&nbsp;帧率显示结束</pre><p></p><p><img alt="WordPress子比主题美化教程—本文持续更新.-白鲸博客" title="WordPress子比主题美化教程—本文持续更新.-白鲸博客" src="https://pic.kuvsi.com/beluga/mhys/IMG_20220322_033304.jpg" imgbox-id="swiper-imgbox-11154" imgbox-index="5" style="box-sizing: border-box; outline: 0px !important; height: auto; max-width: 100%; border: 0px; vertical-align: bottom; max-height: 100%; display: block; margin: auto; border-radius: inherit;"/>效果图</p><p></p><p><br/></p>
 0   0  102天前
zhk
194
<h2 class="wp-block-zibllblock-biaoti title-theme" id="wznav_0" style="box-sizing: border-box; overflow-wrap: break-word; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; line-height: 1.1; color: var(--theme-color); margin: 20px 0px; font-size: 18px; position: relative; padding: 0.1em 0px 0.1em 1.1em; border: none; white-space: normal; background-color: rgb(255, 255, 255); outline: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 18pt; color: rgb(255, 0, 0);">前言介绍</span></h2><ul style="box-sizing: border-box; overflow-wrap: break-word; margin: 20px; padding: 0px 0px 0px 20px; list-style-position: initial; list-style-image: initial; color: rgb(78, 83, 88); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255); outline: 0px !important;" class=" list-paddingleft-2"><li><p><span style="box-sizing: border-box; outline: 0px !important; font-size: 12pt;">本页<a href="https://www.kuvsi.com/94" style="box-sizing: border-box; background-color: transparent; text-decoration-line: none; cursor: pointer; transition: color 0.2s ease 0s, background 0.3s ease 0s, opacity 0.3s ease 0s, box-shadow 0.3s ease 0s, transform 0.3s ease 0s; outline: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; color: rgb(255, 0, 0);">主题美化</span></a>内容是白鲸博客在建站时一个一个测试过无任何错误的记录合集,使用之前先参考本站,若觉得实用就拿去用吧,我会持续的更新。</span></p></li></ul><h2 class="wp-block-zibllblock-biaoti title-theme" id="wznav_1" style="box-sizing: border-box; overflow-wrap: break-word; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; line-height: 1.1; color: var(--theme-color); margin: 20px 0px; font-size: 18px; position: relative; padding: 0.1em 0px 0.1em 1.1em; border: none; white-space: normal; background-color: rgb(255, 255, 255); outline: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 18pt; color: rgb(255, 0, 0);">美化说明</span></h2><ul style="box-sizing: border-box; overflow-wrap: break-word; margin: 20px; padding: 0px 0px 0px 20px; list-style-position: initial; list-style-image: initial; color: rgb(78, 83, 88); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255); outline: 0px !important;" class=" list-paddingleft-2"><li><p><span style="box-sizing: border-box; outline: 0px !important; font-size: 12pt;">每个人的审美观念不一样,所以请先参考本站或测试在用。</span></p></li><li><p><span style="box-sizing: border-box; outline: 0px !important; font-size: 12pt;">主题美化、小工具可能会有一定程度使网站加载缓慢、CSS 全局污染等等一系列的问题,请一定要测试后在进行美化。</span></p></li><li><p><span style="box-sizing: border-box; outline: 0px !important; font-size: 12pt;">主题美化可能会对主题文件进行修改,更新时请及时备份主题美化的文件,或者收藏本站,以免一些主题页面或美化效果丢失。</span></p></li><li><p><span style="box-sizing: border-box; outline: 0px !important; font-size: 12pt;">子比主题美化都是站长自己鼓捣,测试后才分布的,完全免费,开放。</span></p></li></ul><h2 class="wp-block-zibllblock-biaoti title-theme" id="wznav_2" style="box-sizing: border-box; overflow-wrap: break-word; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; line-height: 1.1; color: var(--theme-color); margin: 20px 0px; font-size: 18px; position: relative; padding: 0.1em 0px 0.1em 1.1em; border: none; white-space: normal; background-color: rgb(255, 255, 255); outline: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 18pt; color: rgb(255, 0, 0);">必要说明:</span><span style="box-sizing: border-box; outline: 0px !important; color: rgb(255, 0, 0);"><span style="box-sizing: border-box; outline: 0px !important; font-size: 18pt;">(核心重点)</span></span></h2><ul style="box-sizing: border-box; overflow-wrap: break-word; margin: 20px; padding: 0px 0px 0px 20px; list-style-position: initial; list-style-image: initial; color: rgb(78, 83, 88); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255); outline: 0px !important;" class=" list-paddingleft-2"><li><p><span style="box-sizing: border-box; outline: 0px !important; font-weight: 700;"><span style="box-sizing: border-box; outline: 0px !important; color: rgb(255, 0, 0);">↓↓↓↓↓↓不会添加代码的看上面↓↓↓↓↓↓</span></span></p></li><li><p><span style="box-sizing: border-box; outline: 0px !important; font-size: 12pt;">(<span style="box-sizing: border-box; outline: 0px !important; color: rgb(255, 0, 0);">最新版子比主题</span>)CSS 代码添加到后台:<span style="box-sizing: border-box; outline: 0px !important; color: rgb(255, 0, 0);">子比主题设置—&gt;自定义代码—&gt;自定义 CSS 样式</span></span></p></li><li><p><span style="box-sizing: border-box; outline: 0px !important; font-size: 12pt;">(<span style="box-sizing: border-box; outline: 0px !important; color: rgb(255, 0, 0);">最新版子比主题</span>)JS 即 javascript 代码添加到:<span style="box-sizing: border-box; outline: 0px !important; color: rgb(255, 0, 0);">后台子比主题设置—&gt;自定义代码—&gt;自定义 javascript 代码</span></span></p></li><li><p><span style="box-sizing: border-box; outline: 0px !important; font-size: 12pt;"><span style="box-sizing: border-box; outline: 0px !important; font-weight: 700;">(<span style="box-sizing: border-box; outline: 0px !important; color: rgb(255, 0, 0);">最新版子比主题</span>)没有特殊说明的小工具,<span style="box-sizing: border-box; outline: 0px !important; color: rgb(255, 0, 0);">自定义 HTML 小工具:添加网站后台—&gt;外观–&gt;小工具–&gt;点击【自定义 HTML】选择放置的位置—&gt;把代码复制进去,保存即可。</span></span></span></p></li><li><p><span style="box-sizing: border-box; outline: 0px !important; font-size: 12pt;"><span style="box-sizing: border-box; outline: 0px !important; color: rgb(255, 0, 0);">↑↑↑↑↑↑不会添加代码的看上面↑↑↑↑↑↑</span></span></p></li><li><p><span style="box-sizing: border-box; outline: 0px !important; font-size: 12pt;">其他添加方式的,我会在教程里告知,若只需添加 CSS+JS 的教程,我可能不重复告知了,请注意看上面的方法。</span></p></li><li><p><span style="box-sizing: border-box; outline: 0px !important; font-size: 12pt;">其他添加方式的,我会在教程里告知,若只需添加 CSS+JS 的教程,我可能不重复告知了,请注意看上面的方法。</span></p></li></ul><p><span style="box-sizing: border-box; outline: 0px !important; font-weight: 700;">教程按更新时间排序,最新的美化教程排在最后面-页码越往后越新,<span style="box-sizing: border-box; outline: 0px !important; color: rgb(255, 0, 0);">白鲸博客</span>美化分享</span></p><p><span class="fa fa-plus" style="box-sizing: border-box; display: inline-block; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: 1; font-family: FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 20px; color: var(--focus-color); transition: all 0.3s ease 0s; transform: rotate(-45deg); outline: 0px !important;"></span><span class="biaoti " style="box-sizing: border-box; outline: 0px !important; font-weight: 700;">1、导航栏字体加粗美化代码</span></p><h2 id="wznav_3" style="box-sizing: border-box; overflow-wrap: break-word; font-family: inherit; line-height: 1.1; color: inherit; margin: 20px 0px; font-size: 18px; outline: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 14pt;">使用说明</span></span></h2><p style="box-sizing: border-box; overflow-wrap: break-word; margin-top: 0px; margin-bottom: 20px; outline: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-weight: 700;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 10pt;">&nbsp; &nbsp; &nbsp; &nbsp;你只需在网站管理后台→主题设置→自定义代码→自定义 CSS 样式,把下面的 CSS 代码复制粘贴到里面即可。</span></span></p><h1 class="wp-block-zibllblock-biaoti title-theme" id="wznav_4" style="box-sizing: border-box; overflow-wrap: break-word; font-size: 20px; margin: 20px 0px; font-family: inherit; line-height: 1.1; color: var(--theme-color); position: relative; padding: 0.1em 0px 0.1em 1.1em; border: none; outline: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 14pt; color: rgb(255, 0, 0);">自定义&nbsp;<span style="box-sizing: border-box; outline: 0px !important;">CSS</span>&nbsp;样式:</span></h1><pre class="wp-block-zibllblock-enlighter" style="box-sizing: border-box; overflow: auto; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 13px; padding: 0px; margin-top: 0px; margin-bottom: 0px; line-height: 1.42857; color: var(--main-color); word-break: break-all; overflow-wrap: break-word; background-position: 0px 0px; background-color: initial; border: none; border-radius: 4px; outline: 0px !important;">//导航栏字体加粗开始//白鲸博客(www.kuvsi.com)ul.nav&nbsp;{font-weight:&nbsp;700;}//白鲸博客(www.kuvsi.com)//导航栏字体加粗结束</pre><p></p><p><img alt="WordPress子比主题美化教程—本文持续更新.-白鲸博客" title="WordPress子比主题美化教程—本文持续更新.-白鲸博客" src="https://pic.kuvsi.com/beluga/mhys/%E5%AF%BC%E8%88%AA%E6%A0%8F%E5%AD%97%E4%BD%93%E5%8A%A0%E7%B2%97.jpg" imgbox-id="swiper-imgbox-11154" imgbox-index="0" style="box-sizing: border-box; outline: 0px !important; height: auto; max-width: 100%; border: 0px; vertical-align: bottom; max-height: 100%; display: block; margin: auto; border-radius: inherit;"/><span style="box-sizing: border-box; outline: 0px !important; font-weight: 700;">导航栏字体加粗演示图片</span></p><p></p><p><span class="fa fa-plus" style="box-sizing: border-box; display: inline-block; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: 1; font-family: FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 20px; color: var(--focus-color); transition: all 0.3s ease 0s; transform: rotate(-45deg); outline: 0px !important;"></span><span class="biaoti " style="box-sizing: border-box; outline: 0px !important; font-weight: 700;">2、导航栏背景图片美化代码</span></p><h2 id="wznav_5" style="box-sizing: border-box; overflow-wrap: break-word; font-family: inherit; line-height: 1.1; color: inherit; margin: 20px 0px; font-size: 18px; outline: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 14pt;">使用方法</span></h2><p style="box-sizing: border-box; overflow-wrap: break-word; margin-top: 0px; margin-bottom: 20px; outline: 0px !important;">&nbsp; &nbsp; &nbsp; &nbsp;<span style="box-sizing: border-box; outline: 0px !important; font-weight: 700;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 10pt;">你只需在网站管理后台→主题设置→自定义代码→自定义 CSS 代码样式,把下面的 CSS 代码复制粘贴到里面即可。</span></span><span style="box-sizing: border-box; outline: 0px !important; font-weight: 700;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 10pt;">(如果需要换背景把下面https://pic.kuvsi.com/kuvsi/h5.jpg这行替换你的背景图片即可)</span></span></p><h2 id="wznav_6" style="box-sizing: border-box; overflow-wrap: break-word; font-family: inherit; line-height: 1.1; color: inherit; margin: 20px 0px; font-size: 18px; outline: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 14pt;">注意事项</span></span></h2><p style="box-sizing: border-box; overflow-wrap: break-word; margin-top: 0px; margin-bottom: 20px; outline: 0px !important;">&nbsp; &nbsp; &nbsp; &nbsp;<span style="box-sizing: border-box; outline: 0px !important; font-size: 10pt;"><span style="box-sizing: border-box; outline: 0px !important; font-weight: 700;">打开网站管理后台→子比主题设置→页面显示→顶部导航→电脑端导航布局(选择第一个选项)→移动端导航布局(选择第一个选项)→设置完成即可,不这样设置的话顶部导航背景是显示不出来的。</span></span></p><h1 class="wp-block-zibllblock-biaoti title-theme" id="wznav_7" style="box-sizing: border-box; overflow-wrap: break-word; font-size: 20px; margin: 20px 0px; font-family: inherit; line-height: 1.1; color: var(--theme-color); position: relative; padding: 0.1em 0px 0.1em 1.1em; border: none; outline: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 14pt; color: rgb(255, 0, 0);">自定义 CSS 样式:</span></h1><pre class="wp-block-zibllblock-enlighter" style="box-sizing: border-box; overflow: auto; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 13px; padding: 0px; margin-top: 0px; margin-bottom: 0px; line-height: 1.42857; color: var(--main-color); word-break: break-all; overflow-wrap: break-word; background-position: 0px 0px; background-color: initial; border: none; border-radius: 4px; outline: 0px !important;">/*导航栏背景开始*//*白鲸博客(www.kuvsi.com)*/.header-layout-1{position:relative;background-image:url(https://pic.kuvsi.com/kuvsi/h5.jpg);background-position:center&nbsp;right;background-size:auto&nbsp;100%;}/*白鲸博客(www.kuvsi.com)*//*导航栏背景结束*/</pre><p></p><p><img alt="WordPress子比主题美化教程—本文持续更新.-白鲸博客" title="WordPress子比主题美化教程—本文持续更新.-白鲸博客" src="https://pic.kuvsi.com/beluga/mhys/IMG_20220322_032648.jpg" imgbox-id="swiper-imgbox-11154" imgbox-index="1" style="box-sizing: border-box; outline: 0px !important; height: auto; max-width: 100%; border: 0px; vertical-align: bottom; max-height: 100%; display: block; margin: auto; border-radius: inherit;"/>导航栏背景美化演示图片</p><p></p><p><span class="fa fa-plus" style="box-sizing: border-box; display: inline-block; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: 1; font-family: FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 20px; color: var(--focus-color); transition: all 0.3s ease 0s; transform: rotate(-45deg); outline: 0px !important;"></span><span class="biaoti " style="box-sizing: border-box; outline: 0px !important; font-weight: 700;">3、网站首页背图景美化代码</span></p><h2 id="wznav_8" style="box-sizing: border-box; overflow-wrap: break-word; font-family: inherit; line-height: 1.1; color: inherit; margin: 20px 0px; font-size: 18px; outline: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 14pt;">使用方法</span></span></h2><p style="box-sizing: border-box; overflow-wrap: break-word; margin-top: 0px; margin-bottom: 20px; outline: 0px !important;">&nbsp; &nbsp; &nbsp; &nbsp;<span style="box-sizing: border-box; outline: 0px !important; font-weight: 700;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 10pt;">你只需在网站管理后台→主题设置→自定义代码→自定义 CSS 代码样式,把下面的 CSS 代码复制粘贴到里面即可。(如果需要换背景把下面https://pic.kuvsi.com/kuvsi/bj.webp这行替换你的背景图片即可)</span></span></p><h1 class="wp-block-zibllblock-biaoti title-theme" id="wznav_9" style="box-sizing: border-box; overflow-wrap: break-word; font-size: 20px; margin: 20px 0px; font-family: inherit; line-height: 1.1; color: var(--theme-color); position: relative; padding: 0.1em 0px 0.1em 1.1em; border: none; outline: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 14pt; color: rgb(255, 0, 0);">自定义 CSS 样式:</span></h1><pre class="wp-block-zibllblock-enlighter" style="box-sizing: border-box; overflow: auto; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 13px; padding: 0px; margin-top: 0px; margin-bottom: 0px; line-height: 1.42857; color: var(--main-color); word-break: break-all; overflow-wrap: break-word; background-position: 0px 0px; background-color: initial; border: none; border-radius: 4px; outline: 0px !important;">/*网站背景图开始*//*白鲸博客(www.kuvsi.com)*/body&nbsp;{background:&nbsp;var(--body-bg-color);}&nbsp;:root{--body-bg-color:url(https://pic.kuvsi.com/kuvsi/bj.webp)&nbsp;top&nbsp;fixed;}/*白鲸博客(www.kuvsi.com)*//*网站背景图结束*/</pre><p></p><p><img alt="WordPress子比主题美化教程—本文持续更新.-白鲸博客" title="WordPress子比主题美化教程—本文持续更新.-白鲸博客" src="https://pic.kuvsi.com/beluga/mhys/newyear.jpg" imgbox-id="swiper-imgbox-11154" imgbox-index="2" style="box-sizing: border-box; outline: 0px !important; height: auto; max-width: 100%; border: 0px; vertical-align: bottom; max-height: 100%; display: block; margin: auto; border-radius: inherit;"/>新年背景图<img alt="WordPress子比主题美化教程—本文持续更新.-白鲸博客" title="WordPress子比主题美化教程—本文持续更新.-白鲸博客" src="https://pic.kuvsi.com/beluga/mhys/290d72139573-1024x459.png" imgbox-id="swiper-imgbox-11154" imgbox-index="3" style="box-sizing: border-box; outline: 0px !important; height: auto; max-width: 100%; border: 0px; vertical-align: bottom; max-height: 100%; display: block; margin: auto; border-radius: inherit;"/>背景图片美化演示</p><p></p><p><span class="fa fa-plus" style="box-sizing: border-box; display: inline-block; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: 1; font-family: FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 20px; color: var(--focus-color); transition: all 0.3s ease 0s; transform: rotate(-45deg); outline: 0px !important;"></span><span class="biaoti " style="box-sizing: border-box; outline: 0px !important; font-weight: 700;">4、侧边栏背景图片美化代码</span></p><h2 id="wznav_10" style="box-sizing: border-box; overflow-wrap: break-word; font-family: inherit; line-height: 1.1; color: inherit; margin: 20px 0px; font-size: 18px; outline: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 14pt;"><span style="box-sizing: border-box; outline: 0px !important;">使用方法<span style="box-sizing: border-box; outline: 0px !important; color: rgb(255, 0, 0);">(只有移动端可以看得到)</span></span></span></h2><p style="box-sizing: border-box; overflow-wrap: break-word; margin-top: 0px; margin-bottom: 20px; outline: 0px !important;">&nbsp; &nbsp; &nbsp; &nbsp;<span style="box-sizing: border-box; outline: 0px !important; font-weight: 700;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 10pt;">你只需在网站管理后台→主题设置→自定义代码→自定义</span>&nbsp;<span style="box-sizing: border-box; outline: 0px !important; font-size: 10pt;">css</span>&nbsp;<span style="box-sizing: border-box; outline: 0px !important; font-size: 10pt;">代码样式,把下面的</span>&nbsp;<span style="box-sizing: border-box; outline: 0px !important; font-size: 10pt;">CSS</span>&nbsp;<span style="box-sizing: border-box; outline: 0px !important; font-size: 10pt;">代码复制粘贴到里面即可。</span></span><span style="box-sizing: border-box; outline: 0px !important; font-weight: 700; font-size: 10pt; color: initial;">(如果需要换背景把下面https://pic.kuvsi.com/kuvsi/h4.jpg这行替换你的背景图片即可)</span></p><h1 class="wp-block-zibllblock-biaoti title-theme" id="wznav_11" style="box-sizing: border-box; overflow-wrap: break-word; font-size: 20px; margin: 20px 0px; font-family: inherit; line-height: 1.1; color: var(--theme-color); position: relative; padding: 0.1em 0px 0.1em 1.1em; border: none; outline: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 14pt; color: rgb(255, 0, 0);">自定义 CSS 样式:</span></h1><pre class="wp-block-zibllblock-enlighter" style="box-sizing: border-box; overflow: auto; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 13px; padding: 0px; margin-top: 0px; margin-bottom: 0px; line-height: 1.42857; color: var(--main-color); word-break: break-all; overflow-wrap: break-word; background-position: 0px 0px; background-color: initial; border: none; border-radius: 4px; outline: 0px !important;">/*侧边栏背景开始*//*白鲸博客(www.kuvsi.com)*/@media&nbsp;(max-width:&nbsp;767px){.mobile-navbar.show,.mobile-navbar.left{&nbsp;&nbsp;&nbsp;&nbsp;background-size:&nbsp;cover;&nbsp;&nbsp;&nbsp;&nbsp;background-repeat:&nbsp;no-repeat;&nbsp;&nbsp;&nbsp;&nbsp;background-position:&nbsp;center&nbsp;center;&nbsp;&nbsp;&nbsp;&nbsp;cursor:&nbsp;pointer;&nbsp;&nbsp;background-image:linear-gradient(rgba(255,&nbsp;255,255,0),rgba(255,255,255,&nbsp;0.3)),url(https://pic.kuvsi.com/kuvsi/h4.jpg);}&nbsp;&nbsp;.mobile-nav-widget&nbsp;.box-body&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;background:&nbsp;var(--muted-border-color)&nbsp;!important;}}/*白鲸博客(www.kuvsi.com)*//*侧边栏背景结束*/</pre><p></p><p><img alt="WordPress子比主题美化教程—本文持续更新.-白鲸博客" title="WordPress子比主题美化教程—本文持续更新.-白鲸博客" src="https://pic.kuvsi.com/beluga/mhys/4b5b170783dbdf3a.jpg" imgbox-id="swiper-imgbox-11154" imgbox-index="4" style="box-sizing: border-box; outline: 0px !important; height: auto; max-width: 100%; border: 0px; vertical-align: bottom; max-height: 100%; display: block; margin: auto; border-radius: inherit;"/>侧边栏美化图片演示</p><p></p><p><span class="fa fa-plus" style="box-sizing: border-box; display: inline-block; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: 1; font-family: FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 20px; color: var(--focus-color); transition: all 0.3s ease 0s; transform: rotate(-45deg); outline: 0px !important;"></span><span class="biaoti " style="box-sizing: border-box; outline: 0px !important; font-weight: 700;">5、导航栏LOGO扫光圈代码</span></p><h2 id="wznav_12" style="box-sizing: border-box; overflow-wrap: break-word; font-family: inherit; line-height: 1.1; color: inherit; margin: 20px 0px; font-size: 18px; outline: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 14pt;"><span style="box-sizing: border-box; outline: 0px !important;">使用方法<span style="box-sizing: border-box; outline: 0px !important; color: rgb(255, 0, 0);">(效果看本站LOGO处)</span></span></span></h2><p style="box-sizing: border-box; overflow-wrap: break-word; margin-top: 0px; margin-bottom: 20px; outline: 0px !important;">&nbsp; &nbsp; &nbsp; &nbsp;<span style="box-sizing: border-box; outline: 0px !important; font-weight: 700;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 10pt;">你只需在网站管理后台→主题设置→自定义代码→自定义 CSS 代码样式,把下面的 CSS 代码复制粘贴到里面即可。(可以查看本站导航栏)</span></span></p><h1 class="wp-block-zibllblock-biaoti title-theme" id="wznav_13" style="box-sizing: border-box; overflow-wrap: break-word; font-size: 20px; margin: 20px 0px; font-family: inherit; line-height: 1.1; color: var(--theme-color); position: relative; padding: 0.1em 0px 0.1em 1.1em; border: none; outline: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 14pt; color: rgb(255, 0, 0);">自定义 CSS 样式:</span></h1><pre class="wp-block-zibllblock-enlighter" style="box-sizing: border-box; overflow: auto; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 13px; padding: 0px; margin-top: 0px; margin-bottom: 0px; line-height: 1.42857; color: var(--main-color); word-break: break-all; overflow-wrap: break-word; background-position: 0px 0px; background-color: initial; border: none; border-radius: 4px; outline: 0px !important;">/*导航栏扫光圈开始*//*白鲸博客(www.kuvsi.com)*/.navbar-brand{position:relative;overflow:hidden;margin:&nbsp;0px&nbsp;0&nbsp;0&nbsp;0px;}.navbar-brand:before{content:&quot;&quot;;&nbsp;position:&nbsp;absolute;&nbsp;left:&nbsp;-665px;&nbsp;top:&nbsp;-460px;&nbsp;width:&nbsp;200px;&nbsp;height:&nbsp;15px;&nbsp;background-color:&nbsp;rgba(255,255,255,.5);&nbsp;-webkit-transform:&nbsp;rotate(-45deg);&nbsp;-moz-transform:&nbsp;rotate(-45deg);&nbsp;-ms-transform:&nbsp;rotate(-45deg);&nbsp;-o-transform:&nbsp;rotate(-45deg);&nbsp;transform:&nbsp;rotate(-45deg);&nbsp;-webkit-animation:&nbsp;searchLights&nbsp;6s&nbsp;ease-in&nbsp;0s&nbsp;infinite;&nbsp;-o-animation:&nbsp;searchLights&nbsp;6s&nbsp;ease-in&nbsp;0s&nbsp;infinite;&nbsp;animation:&nbsp;searchLights&nbsp;6s&nbsp;ease-in&nbsp;0s&nbsp;infinite;}@-moz-keyframes&nbsp;searchLights{50%{left:&nbsp;-100px;&nbsp;top:&nbsp;0;}&nbsp;65%{left:&nbsp;120px;&nbsp;top:&nbsp;100px;}}@keyframes&nbsp;searchLights{40%{left:&nbsp;-100px;&nbsp;top:&nbsp;0;}&nbsp;60%{left:&nbsp;120px;&nbsp;top:&nbsp;100px;}&nbsp;80%{left:&nbsp;-100px;&nbsp;top:&nbsp;0px;}}/*白鲸博客(www.kuvsi.com)*//*导航栏扫光圈结束*/</pre><p><span class="fa fa-plus" style="box-sizing: border-box; display: inline-block; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; line-height: 1; font-family: FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 20px; color: var(--focus-color); transition: all 0.3s ease 0s; transform: rotate(-45deg); outline: 0px !important;"></span><span class="biaoti " style="box-sizing: border-box; outline: 0px !important; font-weight: 700;">6、网站左上角 FPS 帧率显示</span></p><h2 id="wznav_14" style="box-sizing: border-box; overflow-wrap: break-word; font-family: inherit; line-height: 1.1; color: inherit; margin: 20px 0px; font-size: 18px; outline: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 14pt;">使用方法</span></span></h2><p style="box-sizing: border-box; overflow-wrap: break-word; margin-top: 0px; margin-bottom: 20px; outline: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 10pt;"><span style="box-sizing: border-box; outline: 0px !important; font-weight: 700;">&nbsp; &nbsp; &nbsp; &nbsp;你只需在网站管理后台→主题设置→自定义代码→自定义 javascript 代码,把下面的 js 代码复制粘贴到里面即可。</span></span></p><h1 class="wp-block-zibllblock-biaoti title-theme" id="wznav_15" style="box-sizing: border-box; overflow-wrap: break-word; font-size: 20px; margin: 20px 0px; font-family: inherit; line-height: 1.1; color: var(--theme-color); position: relative; padding: 0.1em 0px 0.1em 1.1em; border: none; outline: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 14pt; color: rgb(255, 0, 0);">自定义 javascript 代码:</span></h1><pre class="wp-block-zibllblock-enlighter" style="box-sizing: border-box; overflow: auto; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 13px; padding: 0px; margin-top: 0px; margin-bottom: 0px; line-height: 1.42857; color: var(--main-color); word-break: break-all; overflow-wrap: break-word; background-position: 0px 0px; background-color: initial; border: none; border-radius: 4px; outline: 0px !important;">//&nbsp;网站左上角FPS&nbsp;帧率显示开始//&nbsp;白鲸博客,(www.kuvsi.com)$(&#39;body&#39;).before(&#39;&lt;div&nbsp;id=&quot;fps&quot;&nbsp;style=&quot;z-index:10000;position:fixed;top:3;left:3;font-weight:bold;&quot;&gt;&lt;/div&gt;&#39;);var&nbsp;showFPS&nbsp;=&nbsp;(function(){&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;requestAnimationFrame&nbsp;=&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;window.requestAnimationFrame&nbsp;||&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;window.webkitRequestAnimationFrame&nbsp;||&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;window.mozRequestAnimationFrame&nbsp;||&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;window.oRequestAnimationFrame&nbsp;||&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;window.msRequestAnimationFrame&nbsp;||&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;function(callback)&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;window.setTimeout(callback,&nbsp;1000/60);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;};&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;e,pe,pid,fps,last,offset,step,appendFps;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;fps&nbsp;=&nbsp;0;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;last&nbsp;=&nbsp;Date.now();&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;step&nbsp;=&nbsp;function(){&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;offset&nbsp;=&nbsp;Date.now()&nbsp;-&nbsp;last;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;fps&nbsp;+=&nbsp;1;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if(&nbsp;offset&nbsp;&gt;=&nbsp;1000&nbsp;){&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;last&nbsp;+=&nbsp;offset;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;appendFps(fps);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;fps&nbsp;=&nbsp;0;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;requestAnimationFrame(&nbsp;step&nbsp;);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;};&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;appendFps&nbsp;=&nbsp;function(fps){&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log(fps+&#39;FPS&#39;);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(&#39;#fps&#39;).html(fps+&#39;FPS&#39;);&nbsp;&nbsp;&nbsp;&nbsp;};&nbsp;&nbsp;&nbsp;&nbsp;step();})();//&nbsp;白鲸博客(www.kuvsi.com)//&nbsp;网站左上角FPS&nbsp;帧率显示结束</pre><p></p><p><img alt="WordPress子比主题美化教程—本文持续更新.-白鲸博客" title="WordPress子比主题美化教程—本文持续更新.-白鲸博客" src="https://pic.kuvsi.com/beluga/mhys/IMG_20220322_033304.jpg" imgbox-id="swiper-imgbox-11154" imgbox-index="5" style="box-sizing: border-box; outline: 0px !important; height: auto; max-width: 100%; border: 0px; vertical-align: bottom; max-height: 100%; display: block; margin: auto; border-radius: inherit;"/>效果图</p><p></p><p><br/></p>
 0   0  102天前
zhk
224
前言介绍 本页主题美化内容是测试过无任何错误的记录合集,使用之前先参考本站,若觉得实用就拿去用吧,我会持续的更新。 美化说明 每个人的审美观念不一样,所以请先参考本站或测试在用。 主题美化、小工具可能会有一定程度使网站加载缓慢、CSS 全局污染等等一系列的问题,请一定要测试后在进行美化。 主题美化可能会对主题文件进行修改,更新时请及时备份主题美化的文件,或者收藏本站,以免一些主题页面或美化效果丢失。 子比主题美化都是站长自己鼓捣,测试后才分布的,完全免费,开放。 必要说明:(核心重点) ↓↓↓↓↓↓不会添加代码的看上面↓↓↓↓↓↓ (最新版子比主题)CSS 代码添加到后台:子比主题设置—>自定义代码—>自定义 CSS 样式 (最新版子比主题)JS 即 javascript 代码添加到:后台子比主题设置—>自定义代码—>自定义 javascript 代码 (最新版子比主题)没有特殊说明的小工具,自定义 HTML 小工具:添加网站后台—>外观–>小工具–>点击【自定义 HTML】选择放置的位置—>把代码复制进去,保存即可。 ↑↑↑↑↑↑不会添加代码的看上面↑↑↑↑↑↑ 其他添加方式的,我会在教程里告知,若只需添加 CSS+JS 的教程,我可能不重复告知了,请注意看上面的方法。 其他添加方式的,我会在教程里告知,若只需添加 CSS+JS 的教程,我可能不重复告知了,请注意看上面的方法。 教程按更新时间排序,最新的美化教程排在最后面-页码越往后越新,美化分享 1、导航栏字体加粗美化代码 使用说明 你只需在网站管理后台→主题设置→自定义代码→自定义 CSS 样式,把下面的 CSS 代码复制粘贴到里面即可。 自定义 CSS 样式: //导航栏字体加粗开始 ul.nav {font-weight: 700;} //导航栏字体加粗结束 导航栏字体加粗演示图片 2、导航栏背景图片美化代码 使用方法 你只需在网站管理后台→主题设置→自定义代码→自定义 CSS 代码样式,把下面的 CSS 代码复制粘贴到里面即可。(如果需要换背景把下面https://pic.kuvsi.com/kuvsi/h5.jpg这行替换你的背景图片即可) 注意事项 打开网站管理后台→子比主题设置→页面显示→顶部导航→电脑端导航布局(选择第一个选项)→移动端导航布局(选择第一个选项)→设置完成即可,不这样设置的话顶部导航背景是显示不出来的。 自定义 CSS 样式: /*导航栏背景开始*/ .header-layout-1{position:relative;background-image:url(https://pic.kuvsi.com/kuvsi/h5.jpg);background-position:center right;background-size:auto 100%;} /*导航栏背景结束*/ 导航栏背景美化演示图片 3、网站首页背图景美化代码 使用方法 你只需在网站管理后台→主题设置→自定义代码→自定义 CSS 代码样式,把下面的 CSS 代码复制粘贴到里面即可。(如果需要换背景把下面https://pic.kuvsi.com/kuvsi/bj.webp这行替换你的背景图片即可) 自定义 CSS 样式: /*网站背景图开始*/ body {background: var(--body-bg-color);} :root{--body-bg-color:url(https://pic.kuvsi.com/kuvsi/bj.webp) top fixed;} /*网站背景图结束*/ 新年背景图 背景图片美化演示 4、侧边栏背景图片美化代码 使用方法(只有移动端可以看得到) 你只需在网站管理后台→主题设置→自定义代码→自定义 css 代码样式,把下面的 CSS 代码复制粘贴到里面即可。(如果需要换背景把下面https://pic.kuvsi.com/kuvsi/h4.jpg这行替换你的背景图片即可) 自定义 CSS 样式: /*侧边栏背景开始*/ @media (max-width: 767px){ .mobile-navbar.show,.mobile-navbar.left{ background-size: cover; background-repeat: no-repeat; background-position: center center; cursor: pointer; background-image:linear-gradient(rgba(255, 255,255,0),rgba(255,255,255,0.3)),url(https://pic.kuvsi.com/kuvsi/h4.jpg);} .mobile-nav-widget .box-body { background: var(--muted-border-color) !important;} } /*侧边栏背景结束*/ 侧边栏美化图片演示 5、导航栏LOGO扫光圈代码 使用方法(效果看本站LOGO处) 你只需在网站管理后台→主题设置→自定义代码→自定义 CSS 代码样式,把下面的 CSS 代码复制粘贴到里面即可。(可以查看本站导航栏) 自定义 CSS 样式: /*导航栏扫光圈开始*/ .navbar-brand{position:relative;overflow:hidden;margin: 0px 0 0 0px;}.navbar-brand:before{content:""; position: absolute; left: -665px; top: -460px; width: 200px; height: 15px; background-color: rgba(255,255,255,.5); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: searchLights 6s ease-in 0s infinite; -o-animation: searchLights 6s ease-in 0s infinite; animation: searchLights 6s ease-in 0s infinite;}@-moz-keyframes searchLights{50%{left: -100px; top: 0;} 65%{left: 120px; top: 100px;}}@keyframes searchLights{40%{left: -100px; top: 0;} 60%{left: 120px; top: 100px;} 80%{left: -100px; top: 0px;}} /*导航栏扫光圈结束*/ 6、网站左上角 FPS 帧率显示 使用方法 你只需在网站管理后台→主题设置→自定义代码→自定义 javascript 代码,把下面的 js 代码复制粘贴到里面即可。 自定义 javascript 代码: // 网站左上角FPS 帧率显示开始 $('body').before(''); var showFPS = (function(){ var requestAnimationFrame = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function(callback) { window.setTimeout(callback, 1000/60); }; var e,pe,pid,fps,last,offset,step,appendFps; fps = 0; last = Date.now(); step = function(){ offset = Date.now() - last; fps += 1; if( offset >= 1000 ){ last += offset; appendFps(fps); fps = 0; } requestAnimationFrame( step ); }; appendFps = function(fps){ console.log(fps+'FPS'); $('#fps').html(fps+'FPS'); }; step(); })(); // 网站左上角FPS 帧率显示结束
 0   0  102天前
zhk
215
<h2 class="wp-block-zibllblock-biaoti title-theme" id="wznav_0" style="box-sizing: border-box; overflow-wrap: break-word; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; line-height: 1.1; color: var(--theme-color); margin-top: 20px; margin-bottom: 20px; font-size: 18px; position: relative; padding-top: 0.1em; padding-bottom: 0.1em; padding-left: 1.1em; border: none; background-color: rgb(50, 51, 53); outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 18pt; color: rgb(255, 0, 0);">前言介绍</span></h2><ul style="box-sizing: border-box; overflow-wrap: break-word; margin: 20px; padding-left: 20px; list-style-type: disc; color: rgb(229, 238, 247); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 16px; background-color: rgb(50, 51, 53); outline-style: initial !important; outline-width: 0px !important;"><li style="box-sizing: border-box; outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 12pt;">本页<a href="https://www.kuvsi.com/94" style="box-sizing: border-box; color: var(--focus-color); cursor: pointer; transition: color 0.2s ease 0s, background 0.3s ease 0s, opacity 0.3s ease 0s, box-shadow 0.3s ease 0s, transform 0.3s ease 0s; outline: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; color: rgb(255, 0, 0);">主题美化</span></a>内容是白鲸博客在建站时一个一个测试过无任何错误的记录合集,使用之前先参考本站,若觉得实用就拿去用吧,我会持续的更新。</span></li></ul><h2 class="wp-block-zibllblock-biaoti title-theme" id="wznav_1" style="box-sizing: border-box; overflow-wrap: break-word; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; line-height: 1.1; color: var(--theme-color); margin-top: 20px; margin-bottom: 20px; font-size: 18px; position: relative; padding-top: 0.1em; padding-bottom: 0.1em; padding-left: 1.1em; border: none; background-color: rgb(50, 51, 53); outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 18pt; color: rgb(255, 0, 0);">美化说明</span></h2><ul style="box-sizing: border-box; overflow-wrap: break-word; margin: 20px; padding-left: 20px; list-style-type: disc; color: rgb(229, 238, 247); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 16px; background-color: rgb(50, 51, 53); outline-style: initial !important; outline-width: 0px !important;"><li style="box-sizing: border-box; margin-bottom: 10px; outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 12pt;">每个人的审美观念不一样,所以请先参考本站或测试在用。</span></li><li style="box-sizing: border-box; margin-bottom: 10px; outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 12pt;">主题美化、小工具可能会有一定程度使网站加载缓慢、CSS 全局污染等等一系列的问题,请一定要测试后在进行美化。</span></li><li style="box-sizing: border-box; margin-bottom: 10px; outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 12pt;">主题美化可能会对主题文件进行修改,更新时请及时备份主题美化的文件,或者收藏本站,以免一些主题页面或美化效果丢失。</span></li><li style="box-sizing: border-box; outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 12pt;">子比主题美化都是站长自己鼓捣,测试后才分布的,完全免费,开放。</span></li></ul><h2 class="wp-block-zibllblock-biaoti title-theme" id="wznav_2" style="box-sizing: border-box; overflow-wrap: break-word; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; line-height: 1.1; color: var(--theme-color); margin-top: 20px; margin-bottom: 20px; font-size: 18px; position: relative; padding-top: 0.1em; padding-bottom: 0.1em; padding-left: 1.1em; border: none; background-color: rgb(50, 51, 53); outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 18pt; color: rgb(255, 0, 0);">必要说明:</span><span style="box-sizing: border-box; outline: 0px !important; color: rgb(255, 0, 0);"><span style="box-sizing: border-box; outline: 0px !important; font-size: 18pt;">(核心重点)</span></span></h2><ul style="box-sizing: border-box; overflow-wrap: break-word; margin: 20px; padding-left: 20px; list-style-type: disc; color: rgb(229, 238, 247); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 16px; background-color: rgb(50, 51, 53); outline-style: initial !important; outline-width: 0px !important;"><li style="box-sizing: border-box; margin-bottom: 10px; outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-weight: 700;"><span style="box-sizing: border-box; outline: 0px !important; color: rgb(255, 0, 0);">↓↓↓↓↓↓不会添加代码的看上面↓↓↓↓↓↓</span></span></li><li style="box-sizing: border-box; margin-bottom: 10px; outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 12pt;">(<span style="box-sizing: border-box; outline: 0px !important; color: rgb(255, 0, 0);">最新版子比主题</span>)CSS 代码添加到后台:<span style="box-sizing: border-box; outline: 0px !important; color: rgb(255, 0, 0);">子比主题设置—&gt;自定义代码—&gt;自定义 CSS 样式</span></span></li><li style="box-sizing: border-box; margin-bottom: 10px; outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 12pt;">(<span style="box-sizing: border-box; outline: 0px !important; color: rgb(255, 0, 0);">最新版子比主题</span>)JS 即 javascript 代码添加到:<span style="box-sizing: border-box; outline: 0px !important; color: rgb(255, 0, 0);">后台子比主题设置—&gt;自定义代码—&gt;自定义 javascript 代码</span></span></li><li style="box-sizing: border-box; margin-bottom: 10px; outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 12pt;"><span style="box-sizing: border-box; outline: 0px !important; font-weight: 700;">(<span style="box-sizing: border-box; outline: 0px !important; color: rgb(255, 0, 0);">最新版子比主题</span>)没有特殊说明的小工具,<span style="box-sizing: border-box; outline: 0px !important; color: rgb(255, 0, 0);">自定义 HTML 小工具:添加网站后台—&gt;外观–&gt;小工具–&gt;点击【自定义 HTML】选择放置的位置—&gt;把代码复制进去,保存即可。</span></span></span></li><li style="box-sizing: border-box; margin-bottom: 10px; outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 12pt;"><span style="box-sizing: border-box; outline: 0px !important; color: rgb(255, 0, 0);">↑↑↑↑↑↑不会添加代码的看上面↑↑↑↑↑↑</span></span></li><li style="box-sizing: border-box; margin-bottom: 10px; outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 12pt;">其他添加方式的,我会在教程里告知,若只需添加 CSS+JS 的教程,我可能不重复告知了,请注意看上面的方法。</span></li><li style="box-sizing: border-box; outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 12pt;">其他添加方式的,我会在教程里告知,若只需添加 CSS+JS 的教程,我可能不重复告知了,请注意看上面的方法。</span></li></ul><p class="wp-block-zibllblock-alert alert-dismissible fade in" style="box-sizing: border-box; opacity: 1; transition: opacity 0.15s linear 0s; padding: 0px 15px 0px 20px; position: relative; color: rgb(229, 238, 247); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 16px; background-color: rgb(50, 51, 53); outline: 0px !important;"><p class="alert jb-blue" role="alert" data-isclose="" style="box-sizing: border-box; outline: 0px !important; padding: 1.2em 2.2em; margin-bottom: 20px; border: none; border-radius: 12px; color: rgb(255, 255, 255); background: var(--this-bg); --this-color:#fff; --this-bg:linear-gradient(135deg, #59c3fb 10%, #268df7 100%); position: relative; min-height: 40px; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 10px 0px;"><span style="box-sizing: border-box; outline: 0px !important; font-weight: 700;">教程按更新时间排序,最新的美化教程排在最后面-页码越往后越新,<span style="box-sizing: border-box; outline: 0px !important; color: rgb(255, 0, 0);">白鲸博客</span>美化分享</span></p></p><p class="wp-block-zibllblock-collapse" style="box-sizing: border-box; color: rgb(229, 238, 247); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 16px; background-color: rgb(50, 51, 53); outline: 0px !important;"><p class="panel" data-theme="panel" data-isshow="false" style="box-sizing: border-box; outline: 0px !important; margin-bottom: 20px; background: 0px 0px; border-width: 1px; border-style: solid; border-color: var(--main-border-color); border-image: initial; border-radius: var(--main-radius); box-shadow: none;"><p class="panel-heading" href="#collapse_12432" data-toggle="collapse" aria-controls="collapseExample" aria-expanded="true" style="box-sizing: border-box; outline: 0px !important; padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; cursor: pointer;"><span class="fa fa-plus" style="box-sizing: border-box; margin-right: 20px; color: var(--focus-color); transition: all 0.3s ease 0s; transform: rotate(-45deg); outline: 0px !important;"></span><span class="biaoti " style="box-sizing: border-box; outline: 0px !important; font-weight: 700;">1、导航栏字体加粗美化代码</span></p><p class="collapse in" id="collapse_12432" aria-expanded="true" style="box-sizing: border-box; outline: 0px !important;"><p class="panel-body" style="box-sizing: border-box; outline: 0px !important; padding: 15px;"><h2 id="wznav_3" style="box-sizing: border-box; overflow-wrap: break-word; font-family: inherit; line-height: 1.1; color: inherit; margin-top: 20px; margin-bottom: 20px; font-size: 18px; outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 14pt;">使用说明</span></span></h2><p style="box-sizing: border-box; overflow-wrap: break-word; margin-bottom: 20px; outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-weight: 700;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 10pt;">&nbsp; &nbsp; &nbsp; &nbsp;你只需在网站管理后台→主题设置→自定义代码→自定义 CSS 样式,把下面的 CSS 代码复制粘贴到里面即可。</span></span></p><h1 class="wp-block-zibllblock-biaoti title-theme" id="wznav_4" style="box-sizing: border-box; overflow-wrap: break-word; font-size: 20px; margin-top: 20px; margin-bottom: 20px; font-family: inherit; line-height: 1.1; color: var(--theme-color); position: relative; padding-top: 0.1em; padding-bottom: 0.1em; padding-left: 1.1em; border: none; outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 14pt; color: rgb(255, 0, 0);">自定义&nbsp;<span style="box-sizing: border-box; outline: 0px !important;">CSS</span>&nbsp;样式:</span></h1><pre class="wp-block-zibllblock-enlighter" style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 13px; padding: 0px; margin-top: 0px; margin-bottom: 0px; line-height: 1.42857; color: var(--main-color); overflow-wrap: break-word; background: 0px 0px; border-width: initial; border-style: none; border-left-color: initial; border-radius: 4px; outline-style: initial !important; outline-width: 0px !important;"><p class="enlighter-default enlighter-v-standard enlighter-t-dracula enlighter-hover enlighter-linenumbers enlighter-overflow-scroll" style="box-sizing: border-box; line-height: 1.4; overflow: hidden; white-space: pre-wrap; overflow-wrap: break-word; margin: 0px 0px 20px; padding: 0px; position: relative; direction: ltr; border-radius: 8px; background-color: rgb(45, 46, 49); color: rgb(126, 155, 245); outline: 0px !important;"><p class="enlighter-toolbar" style="box-sizing: border-box; outline: 0px !important; opacity: 0; position: absolute; right: 10px; top: 8px; z-index: 10; transition: all 0.2s ease 0s;"><p class="enlighter-btn enlighter-btn-raw" style="box-sizing: border-box; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 14px; line-height: 1; font-family: FontAwesome; border-radius: 4px; display: inline-block; transition: all 0.15s ease 0s; padding: 0.3em 0.6em; background: rgba(57, 60, 66, 0.87); color: rgb(102, 102, 102); margin-left: 6px; cursor: pointer; outline: 0px !important;"></p><p class="enlighter-btn enlighter-btn-copy" style="box-sizing: border-box; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 14px; line-height: 1; font-family: FontAwesome; border-radius: 4px; display: inline-block; transition: all 0.15s ease 0s; padding: 0.3em 0.6em; background: rgba(57, 60, 66, 0.87); color: rgb(102, 102, 102); margin-left: 6px; cursor: pointer; outline: 0px !important;"></p><p class="enlighter-btn enlighter-btn-window" style="box-sizing: border-box; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 14px; line-height: 1; font-family: FontAwesome; border-radius: 4px; display: inline-block; transition: all 0.15s ease 0s; padding: 0.3em 0.6em; background: rgba(57, 60, 66, 0.87); color: rgb(102, 102, 102); margin-left: 6px; cursor: pointer; outline: 0px !important;"></p></p><p class="enlighter" style="box-sizing: border-box; width: 752px; border-collapse: collapse; border-spacing: 0px; padding: 12px 0px; empty-cells: show; min-width: 100%; font-size: 10px; margin: 0px; counter-reset: enlighter 0; max-height: 400px; overflow-x: auto; outline: 0px !important; overflow-y: auto !important; overflow-wrap: normal !important;"><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">//导航栏字体加粗开始</span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">//白鲸博客</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">www</span><span class="enlighter-x11" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(80, 250, 123); font-weight: 700;">.kuvsi</span><span class="enlighter-x11" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(80, 250, 123); font-weight: 700;">.com</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">)</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">ul</span><span class="enlighter-x11" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(80, 250, 123); font-weight: 700;">.nav</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">{</span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">font-weight</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: </span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">700</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">;</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">}</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">//白鲸博客</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">www</span><span class="enlighter-x11" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(80, 250, 123); font-weight: 700;">.kuvsi</span><span class="enlighter-x11" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(80, 250, 123); font-weight: 700;">.com</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">)</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">//导航栏字体加粗结束</span></p></p></p></p></pre><img alt="WordPress子比主题美化教程—本文持续更新.-白鲸博客" title="WordPress子比主题美化教程—本文持续更新.-白鲸博客" src="https://pic.kuvsi.com/beluga/mhys/%E5%AF%BC%E8%88%AA%E6%A0%8F%E5%AD%97%E4%BD%93%E5%8A%A0%E7%B2%97.jpg" imgbox-id="swiper-imgbox-15843" imgbox-index="0" style="box-sizing: border-box; height: auto; vertical-align: bottom; max-height: 100%; display: block; margin: auto; border-radius: inherit; outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-weight: 700;">导航栏字体加粗演示图片</span></p></p></p></p><p class="wp-block-zibllblock-collapse" style="box-sizing: border-box; color: rgb(229, 238, 247); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 16px; background-color: rgb(50, 51, 53); outline: 0px !important;"><p class="panel" data-theme="panel" data-isshow="false" style="box-sizing: border-box; outline: 0px !important; margin-bottom: 20px; background: 0px 0px; border-width: 1px; border-style: solid; border-color: var(--main-border-color); border-image: initial; border-radius: var(--main-radius); box-shadow: none;"><p class="panel-heading" href="#collapse_19165" data-toggle="collapse" aria-controls="collapseExample" aria-expanded="true" style="box-sizing: border-box; outline: 0px !important; padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; cursor: pointer;"><span class="fa fa-plus" style="box-sizing: border-box; margin-right: 20px; color: var(--focus-color); transition: all 0.3s ease 0s; transform: rotate(-45deg); outline: 0px !important;"></span><span class="biaoti " style="box-sizing: border-box; outline: 0px !important; font-weight: 700;">2、导航栏背景图片美化代码</span></p><p class="collapse in" id="collapse_19165" aria-expanded="true" style="box-sizing: border-box; outline: 0px !important;"><p class="panel-body" style="box-sizing: border-box; outline: 0px !important; padding: 15px;"><h2 id="wznav_5" style="box-sizing: border-box; overflow-wrap: break-word; font-family: inherit; line-height: 1.1; color: inherit; margin-top: 20px; margin-bottom: 20px; font-size: 18px; outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 14pt;">使用方法</span></h2><p style="box-sizing: border-box; overflow-wrap: break-word; margin-bottom: 20px; outline-style: initial !important; outline-width: 0px !important;">&nbsp; &nbsp; &nbsp; &nbsp;<span style="box-sizing: border-box; outline: 0px !important; font-weight: 700;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 10pt;">你只需在网站管理后台→主题设置→自定义代码→自定义 CSS 代码样式,把下面的 CSS 代码复制粘贴到里面即可。</span></span><span style="box-sizing: border-box; outline: 0px !important; font-weight: 700;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 10pt;">(如果需要换背景把下面https://pic.kuvsi.com/kuvsi/h5.jpg这行替换你的背景图片即可)</span></span></p><h2 id="wznav_6" style="box-sizing: border-box; overflow-wrap: break-word; font-family: inherit; line-height: 1.1; color: inherit; margin-top: 20px; margin-bottom: 20px; font-size: 18px; outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 14pt;">注意事项</span></span></h2><p style="box-sizing: border-box; overflow-wrap: break-word; margin-bottom: 20px; outline-style: initial !important; outline-width: 0px !important;">&nbsp; &nbsp; &nbsp; &nbsp;<span style="box-sizing: border-box; outline: 0px !important; font-size: 10pt;"><span style="box-sizing: border-box; outline: 0px !important; font-weight: 700;">打开网站管理后台→子比主题设置→页面显示→顶部导航→电脑端导航布局(选择第一个选项)→移动端导航布局(选择第一个选项)→设置完成即可,不这样设置的话顶部导航背景是显示不出来的。</span></span></p><h1 class="wp-block-zibllblock-biaoti title-theme" id="wznav_7" style="box-sizing: border-box; overflow-wrap: break-word; font-size: 20px; margin-top: 20px; margin-bottom: 20px; font-family: inherit; line-height: 1.1; color: var(--theme-color); position: relative; padding-top: 0.1em; padding-bottom: 0.1em; padding-left: 1.1em; border: none; outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 14pt; color: rgb(255, 0, 0);">自定义 CSS 样式:</span></h1><pre class="wp-block-zibllblock-enlighter" style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 13px; padding: 0px; margin-top: 0px; margin-bottom: 0px; line-height: 1.42857; color: var(--main-color); overflow-wrap: break-word; background: 0px 0px; border-width: initial; border-style: none; border-left-color: initial; border-radius: 4px; outline-style: initial !important; outline-width: 0px !important;"><p class="enlighter-default enlighter-v-standard enlighter-t-dracula enlighter-hover enlighter-linenumbers enlighter-overflow-scroll" style="box-sizing: border-box; line-height: 1.4; overflow: hidden; white-space: pre-wrap; overflow-wrap: break-word; margin: 0px 0px 20px; padding: 0px; position: relative; direction: ltr; border-radius: 8px; background-color: rgb(45, 46, 49); color: rgb(126, 155, 245); outline: 0px !important;"><p class="enlighter-toolbar" style="box-sizing: border-box; outline: 0px !important; opacity: 0; position: absolute; right: 10px; top: 8px; z-index: 10; transition: all 0.2s ease 0s;"><p class="enlighter-btn enlighter-btn-raw" style="box-sizing: border-box; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 14px; line-height: 1; font-family: FontAwesome; border-radius: 4px; display: inline-block; transition: all 0.15s ease 0s; padding: 0.3em 0.6em; background: rgba(57, 60, 66, 0.87); color: rgb(102, 102, 102); margin-left: 6px; cursor: pointer; outline: 0px !important;"></p><p class="enlighter-btn enlighter-btn-copy" style="box-sizing: border-box; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 14px; line-height: 1; font-family: FontAwesome; border-radius: 4px; display: inline-block; transition: all 0.15s ease 0s; padding: 0.3em 0.6em; background: rgba(57, 60, 66, 0.87); color: rgb(102, 102, 102); margin-left: 6px; cursor: pointer; outline: 0px !important;"></p><p class="enlighter-btn enlighter-btn-window" style="box-sizing: border-box; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 14px; line-height: 1; font-family: FontAwesome; border-radius: 4px; display: inline-block; transition: all 0.15s ease 0s; padding: 0.3em 0.6em; background: rgba(57, 60, 66, 0.87); color: rgb(102, 102, 102); margin-left: 6px; cursor: pointer; outline: 0px !important;"></p></p><p class="enlighter" style="box-sizing: border-box; width: 752px; border-collapse: collapse; border-spacing: 0px; padding: 12px 0px; empty-cells: show; min-width: 100%; font-size: 10px; margin: 0px; counter-reset: enlighter 0; max-height: 400px; overflow-x: auto; outline: 0px !important; overflow-y: auto !important; overflow-wrap: normal !important;"><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-c1" style="box-sizing: border-box; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; outline: 0px !important;">/*导航栏背景开始*/</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span><span class="enlighter-c1" style="box-sizing: border-box; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; outline: 0px !important;">/*白鲸博客(www.kuvsi.com)*/</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 1103.1px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span><span class="enlighter-x11" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(80, 250, 123); font-weight: 700;">.header-layout-1</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">{</span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">position</span><span class="enlighter-x15" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(255, 184, 108); font-style: italic;">:relative</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">;</span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">background-image</span><span class="enlighter-x15" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(255, 184, 108); font-style: italic;">:url</span><span class="enlighter-s0" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(241, 250, 140);">(https://pic.kuvsi.com/kuvsi/h5.jpg)</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">;</span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">background-position</span><span class="enlighter-x15" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(255, 184, 108); font-style: italic;">:center</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> right;</span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">background-size</span><span class="enlighter-x15" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(255, 184, 108); font-style: italic;">:auto</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">100%</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">;</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">}</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span><span class="enlighter-c1" style="box-sizing: border-box; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; outline: 0px !important;">/*白鲸博客(www.kuvsi.com)*/</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span><span class="enlighter-c1" style="box-sizing: border-box; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; outline: 0px !important;">/*导航栏背景结束*/</span></p></p></p></p></pre><img alt="WordPress子比主题美化教程—本文持续更新.-白鲸博客" title="WordPress子比主题美化教程—本文持续更新.-白鲸博客" src="https://pic.kuvsi.com/beluga/mhys/IMG_20220322_032648.jpg" imgbox-id="swiper-imgbox-15843" imgbox-index="1" style="box-sizing: border-box; height: auto; vertical-align: bottom; max-height: 100%; display: block; margin: auto; border-radius: inherit; outline-style: initial !important; outline-width: 0px !important;">导航栏背景美化演示图片</p></p></p></p><p class="wp-block-zibllblock-collapse" style="box-sizing: border-box; color: rgb(229, 238, 247); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 16px; background-color: rgb(50, 51, 53); outline: 0px !important;"><p class="panel" data-theme="panel" data-isshow="false" style="box-sizing: border-box; outline: 0px !important; margin-bottom: 20px; background: 0px 0px; border-width: 1px; border-style: solid; border-color: var(--main-border-color); border-image: initial; border-radius: var(--main-radius); box-shadow: none;"><p class="panel-heading" href="#collapse_14997" data-toggle="collapse" aria-controls="collapseExample" aria-expanded="true" style="box-sizing: border-box; outline: 0px !important; padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; cursor: pointer;"><span class="fa fa-plus" style="box-sizing: border-box; margin-right: 20px; color: var(--focus-color); transition: all 0.3s ease 0s; transform: rotate(-45deg); outline: 0px !important;"></span><span class="biaoti " style="box-sizing: border-box; outline: 0px !important; font-weight: 700;">3、网站首页背图景美化代码</span></p><p class="collapse in" id="collapse_14997" aria-expanded="true" style="box-sizing: border-box; outline: 0px !important;"><p class="panel-body" style="box-sizing: border-box; outline: 0px !important; padding: 15px;"><h2 id="wznav_8" style="box-sizing: border-box; overflow-wrap: break-word; font-family: inherit; line-height: 1.1; color: inherit; margin-top: 20px; margin-bottom: 20px; font-size: 18px; outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 14pt;">使用方法</span></span></h2><p style="box-sizing: border-box; overflow-wrap: break-word; margin-bottom: 20px; outline-style: initial !important; outline-width: 0px !important;">&nbsp; &nbsp; &nbsp; &nbsp;<span style="box-sizing: border-box; outline: 0px !important; font-weight: 700;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 10pt;">你只需在网站管理后台→主题设置→自定义代码→自定义 CSS 代码样式,把下面的 CSS 代码复制粘贴到里面即可。(如果需要换背景把下面https://pic.kuvsi.com/kuvsi/bj.webp这行替换你的背景图片即可)</span></span></p><h1 class="wp-block-zibllblock-biaoti title-theme" id="wznav_9" style="box-sizing: border-box; overflow-wrap: break-word; font-size: 20px; margin-top: 20px; margin-bottom: 20px; font-family: inherit; line-height: 1.1; color: var(--theme-color); position: relative; padding-top: 0.1em; padding-bottom: 0.1em; padding-left: 1.1em; border: none; outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 14pt; color: rgb(255, 0, 0);">自定义 CSS 样式:</span></h1><pre class="wp-block-zibllblock-enlighter" style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 13px; padding: 0px; margin-top: 0px; margin-bottom: 0px; line-height: 1.42857; color: var(--main-color); overflow-wrap: break-word; background: 0px 0px; border-width: initial; border-style: none; border-left-color: initial; border-radius: 4px; outline-style: initial !important; outline-width: 0px !important;"><p class="enlighter-default enlighter-v-standard enlighter-t-dracula enlighter-hover enlighter-linenumbers enlighter-overflow-scroll" style="box-sizing: border-box; line-height: 1.4; overflow: hidden; white-space: pre-wrap; overflow-wrap: break-word; margin: 0px 0px 20px; padding: 0px; position: relative; direction: ltr; border-radius: 8px; background-color: rgb(45, 46, 49); color: rgb(126, 155, 245); outline: 0px !important;"><p class="enlighter-toolbar" style="box-sizing: border-box; outline: 0px !important; opacity: 0; position: absolute; right: 10px; top: 8px; z-index: 10; transition: all 0.2s ease 0s;"><p class="enlighter-btn enlighter-btn-raw" style="box-sizing: border-box; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 14px; line-height: 1; font-family: FontAwesome; border-radius: 4px; display: inline-block; transition: all 0.15s ease 0s; padding: 0.3em 0.6em; background: rgba(57, 60, 66, 0.87); color: rgb(102, 102, 102); margin-left: 6px; cursor: pointer; outline: 0px !important;"></p><p class="enlighter-btn enlighter-btn-copy" style="box-sizing: border-box; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 14px; line-height: 1; font-family: FontAwesome; border-radius: 4px; display: inline-block; transition: all 0.15s ease 0s; padding: 0.3em 0.6em; background: rgba(57, 60, 66, 0.87); color: rgb(102, 102, 102); margin-left: 6px; cursor: pointer; outline: 0px !important;"></p><p class="enlighter-btn enlighter-btn-window" style="box-sizing: border-box; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 14px; line-height: 1; font-family: FontAwesome; border-radius: 4px; display: inline-block; transition: all 0.15s ease 0s; padding: 0.3em 0.6em; background: rgba(57, 60, 66, 0.87); color: rgb(102, 102, 102); margin-left: 6px; cursor: pointer; outline: 0px !important;"></p></p><p class="enlighter" style="box-sizing: border-box; width: 752px; border-collapse: collapse; border-spacing: 0px; padding: 12px 0px; empty-cells: show; min-width: 100%; font-size: 10px; margin: 0px; counter-reset: enlighter 0; max-height: 400px; overflow-x: auto; outline: 0px !important; overflow-y: auto !important; overflow-wrap: normal !important;"><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-c1" style="box-sizing: border-box; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; outline: 0px !important;">/*网站背景图开始*/</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span><span class="enlighter-c1" style="box-sizing: border-box; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; outline: 0px !important;">/*白鲸博客(www.kuvsi.com)*/</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 838.6px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">body </span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">{</span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">background</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: var</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">--body-bg-color</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">)</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">;</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">}</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> :root</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">{</span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">--body-bg-color</span><span class="enlighter-x15" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(255, 184, 108); font-style: italic;">:url</span><span class="enlighter-s0" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(241, 250, 140);">(https://pic.kuvsi.com/kuvsi/bj.webp)</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> top fixed;</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">}</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span><span class="enlighter-c1" style="box-sizing: border-box; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; outline: 0px !important;">/*白鲸博客(www.kuvsi.com)*/</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span><span class="enlighter-c1" style="box-sizing: border-box; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; outline: 0px !important;">/*网站背景图结束*/</span></p></p></p></p></pre><img alt="WordPress子比主题美化教程—本文持续更新.-白鲸博客" title="WordPress子比主题美化教程—本文持续更新.-白鲸博客" src="https://pic.kuvsi.com/beluga/mhys/newyear.jpg" imgbox-id="swiper-imgbox-15843" imgbox-index="2" style="box-sizing: border-box; height: auto; vertical-align: bottom; max-height: 100%; display: block; margin: auto; border-radius: inherit; outline-style: initial !important; outline-width: 0px !important;">新年背景图<img alt="WordPress子比主题美化教程—本文持续更新.-白鲸博客" title="WordPress子比主题美化教程—本文持续更新.-白鲸博客" src="https://pic.kuvsi.com/beluga/mhys/290d72139573-1024x459.png" imgbox-id="swiper-imgbox-15843" imgbox-index="3" style="box-sizing: border-box; height: auto; vertical-align: bottom; max-height: 100%; display: block; margin: auto; border-radius: inherit; outline-style: initial !important; outline-width: 0px !important;">背景图片美化演示</p></p></p></p><p class="wp-block-zibllblock-collapse" style="box-sizing: border-box; color: rgb(229, 238, 247); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 16px; background-color: rgb(50, 51, 53); outline: 0px !important;"><p class="panel" data-theme="panel" data-isshow="false" style="box-sizing: border-box; outline: 0px !important; margin-bottom: 20px; background: 0px 0px; border-width: 1px; border-style: solid; border-color: var(--main-border-color); border-image: initial; border-radius: var(--main-radius); box-shadow: none;"><p class="panel-heading" href="#collapse_17986" data-toggle="collapse" aria-controls="collapseExample" aria-expanded="true" style="box-sizing: border-box; outline: 0px !important; padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; cursor: pointer;"><span class="fa fa-plus" style="box-sizing: border-box; margin-right: 20px; color: var(--focus-color); transition: all 0.3s ease 0s; transform: rotate(-45deg); outline: 0px !important;"></span><span class="biaoti " style="box-sizing: border-box; outline: 0px !important; font-weight: 700;">4、侧边栏背景图片美化代码</span></p><p class="collapse in" id="collapse_17986" aria-expanded="true" style="box-sizing: border-box; outline: 0px !important;"><p class="panel-body" style="box-sizing: border-box; outline: 0px !important; padding: 15px;"><h2 id="wznav_10" style="box-sizing: border-box; overflow-wrap: break-word; font-family: inherit; line-height: 1.1; color: inherit; margin-top: 20px; margin-bottom: 20px; font-size: 18px; outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 14pt;"><span style="box-sizing: border-box; outline: 0px !important;">使用方法<span style="box-sizing: border-box; outline: 0px !important; color: rgb(255, 0, 0);">(只有移动端可以看得到)</span></span></span></h2><p style="box-sizing: border-box; overflow-wrap: break-word; margin-bottom: 20px; outline-style: initial !important; outline-width: 0px !important;">&nbsp; &nbsp; &nbsp; &nbsp;<span style="box-sizing: border-box; outline: 0px !important; font-weight: 700;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 10pt;">你只需在网站管理后台→主题设置→自定义代码→自定义</span>&nbsp;<span style="box-sizing: border-box; outline: 0px !important; font-size: 10pt;">css</span>&nbsp;<span style="box-sizing: border-box; outline: 0px !important; font-size: 10pt;">代码样式,把下面的</span>&nbsp;<span style="box-sizing: border-box; outline: 0px !important; font-size: 10pt;">CSS</span>&nbsp;<span style="box-sizing: border-box; outline: 0px !important; font-size: 10pt;">代码复制粘贴到里面即可。</span></span><span style="box-sizing: border-box; outline: 0px !important; font-weight: 700; font-size: 10pt; color: initial;">(如果需要换背景把下面https://pic.kuvsi.com/kuvsi/h4.jpg这行替换你的背景图片即可)</span></p><h1 class="wp-block-zibllblock-biaoti title-theme" id="wznav_11" style="box-sizing: border-box; overflow-wrap: break-word; font-size: 20px; margin-top: 20px; margin-bottom: 20px; font-family: inherit; line-height: 1.1; color: var(--theme-color); position: relative; padding-top: 0.1em; padding-bottom: 0.1em; padding-left: 1.1em; border: none; outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 14pt; color: rgb(255, 0, 0);">自定义 CSS 样式:</span></h1><pre class="wp-block-zibllblock-enlighter" style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 13px; padding: 0px; margin-top: 0px; margin-bottom: 0px; line-height: 1.42857; color: var(--main-color); overflow-wrap: break-word; background: 0px 0px; border-width: initial; border-style: none; border-left-color: initial; border-radius: 4px; outline-style: initial !important; outline-width: 0px !important;"><p class="enlighter-default enlighter-v-standard enlighter-t-dracula enlighter-hover enlighter-linenumbers enlighter-overflow-scroll" style="box-sizing: border-box; line-height: 1.4; overflow: hidden; white-space: pre-wrap; overflow-wrap: break-word; margin: 0px 0px 20px; padding: 0px; position: relative; direction: ltr; border-radius: 8px; background-color: rgb(45, 46, 49); color: rgb(126, 155, 245); outline: 0px !important;"><p class="enlighter-toolbar" style="box-sizing: border-box; outline: 0px !important; opacity: 0; position: absolute; right: 10px; top: 8px; z-index: 10; transition: all 0.2s ease 0s;"><p class="enlighter-btn enlighter-btn-raw" style="box-sizing: border-box; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 14px; line-height: 1; font-family: FontAwesome; border-radius: 4px; display: inline-block; transition: all 0.15s ease 0s; padding: 0.3em 0.6em; background: rgba(57, 60, 66, 0.87); color: rgb(102, 102, 102); margin-left: 6px; cursor: pointer; outline: 0px !important;"></p><p class="enlighter-btn enlighter-btn-copy" style="box-sizing: border-box; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 14px; line-height: 1; font-family: FontAwesome; border-radius: 4px; display: inline-block; transition: all 0.15s ease 0s; padding: 0.3em 0.6em; background: rgba(57, 60, 66, 0.87); color: rgb(102, 102, 102); margin-left: 6px; cursor: pointer; outline: 0px !important;"></p><p class="enlighter-btn enlighter-btn-window" style="box-sizing: border-box; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 14px; line-height: 1; font-family: FontAwesome; border-radius: 4px; display: inline-block; transition: all 0.15s ease 0s; padding: 0.3em 0.6em; background: rgba(57, 60, 66, 0.87); color: rgb(102, 102, 102); margin-left: 6px; cursor: pointer; outline: 0px !important;"></p></p><p class="enlighter" style="box-sizing: border-box; width: 752px; border-collapse: collapse; border-spacing: 0px; padding: 12px 0px; empty-cells: show; min-width: 100%; font-size: 10px; margin: 0px; counter-reset: enlighter 0; max-height: 400px; overflow-x: auto; outline: 0px !important; overflow-y: auto !important; overflow-wrap: normal !important;"><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-c1" style="box-sizing: border-box; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; outline: 0px !important;">/*侧边栏背景开始*/</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span><span class="enlighter-c1" style="box-sizing: border-box; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; outline: 0px !important;">/*白鲸博客(www.kuvsi.com)*/</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">@media </span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">max-width</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: </span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">767px</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">){</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span><span class="enlighter-x11" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(80, 250, 123); font-weight: 700;">.mobile-navbar</span><span class="enlighter-x11" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(80, 250, 123); font-weight: 700;">.show</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">,</span><span class="enlighter-x11" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(80, 250, 123); font-weight: 700;">.mobile-navbar</span><span class="enlighter-x11" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(80, 250, 123); font-weight: 700;">.left</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">{</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">background-size</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: cover;</span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">background-repeat</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: no-repeat;</span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">background-position</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: center center;</span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">cursor</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: pointer;</span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 881.575px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">background-image</span><span class="enlighter-x15" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(255, 184, 108); font-style: italic;">:linear-gradient</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">rgba</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">255</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">, </span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">255</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">,</span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">255</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">,</span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">0</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">)</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">,rgba</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">255</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">,</span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">255</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">,</span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">255</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">, </span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">0.</span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">3</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">))</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">,</span><span class="enlighter-m0" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253);">url</span><span class="enlighter-s0" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(241, 250, 140);">(https://pic.kuvsi.com/kuvsi/h4.jpg)</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">;</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">}</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-x11" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(80, 250, 123); font-weight: 700;">.mobile-nav-widget</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-x11" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(80, 250, 123); font-weight: 700;">.box-body</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">{</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">background</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: var</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">--muted-border-color</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">)</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> !important;</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">}</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">}</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span><span class="enlighter-c1" style="box-sizing: border-box; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; outline: 0px !important;">/*白鲸博客(www.kuvsi.com)*/</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span><span class="enlighter-c1" style="box-sizing: border-box; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; outline: 0px !important;">/*侧边栏背景结束*/</span></p></p></p></p></pre><img alt="WordPress子比主题美化教程—本文持续更新.-白鲸博客" title="WordPress子比主题美化教程—本文持续更新.-白鲸博客" src="https://pic.kuvsi.com/beluga/mhys/4b5b170783dbdf3a.jpg" imgbox-id="swiper-imgbox-15843" imgbox-index="4" style="box-sizing: border-box; height: auto; vertical-align: bottom; max-height: 100%; display: block; margin: auto; border-radius: inherit; outline-style: initial !important; outline-width: 0px !important;">侧边栏美化图片演示</p></p></p></p><p class="wp-block-zibllblock-collapse" style="box-sizing: border-box; color: rgb(229, 238, 247); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 16px; background-color: rgb(50, 51, 53); outline: 0px !important;"><p class="panel" data-theme="panel" data-isshow="false" style="box-sizing: border-box; outline: 0px !important; margin-bottom: 20px; background: 0px 0px; border-width: 1px; border-style: solid; border-color: var(--main-border-color); border-image: initial; border-radius: var(--main-radius); box-shadow: none;"><p class="panel-heading" href="#collapse_10043" data-toggle="collapse" aria-controls="collapseExample" aria-expanded="true" style="box-sizing: border-box; outline: 0px !important; padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; cursor: pointer;"><span class="fa fa-plus" style="box-sizing: border-box; margin-right: 20px; color: var(--focus-color); transition: all 0.3s ease 0s; transform: rotate(-45deg); outline: 0px !important;"></span><span class="biaoti " style="box-sizing: border-box; outline: 0px !important; font-weight: 700;">5、导航栏LOGO扫光圈代码</span></p><p class="collapse in" id="collapse_10043" aria-expanded="true" style="box-sizing: border-box; outline: 0px !important;"><p class="panel-body" style="box-sizing: border-box; outline: 0px !important; padding: 15px;"><h2 id="wznav_12" style="box-sizing: border-box; overflow-wrap: break-word; font-family: inherit; line-height: 1.1; color: inherit; margin-top: 20px; margin-bottom: 20px; font-size: 18px; outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 14pt;"><span style="box-sizing: border-box; outline: 0px !important;">使用方法<span style="box-sizing: border-box; outline: 0px !important; color: rgb(255, 0, 0);">(效果看本站LOGO处)</span></span></span></h2><p style="box-sizing: border-box; overflow-wrap: break-word; margin-bottom: 20px; outline-style: initial !important; outline-width: 0px !important;">&nbsp; &nbsp; &nbsp; &nbsp;<span style="box-sizing: border-box; outline: 0px !important; font-weight: 700;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 10pt;">你只需在网站管理后台→主题设置→自定义代码→自定义 CSS 代码样式,把下面的 CSS 代码复制粘贴到里面即可。(可以查看本站导航栏)</span></span></p><h1 class="wp-block-zibllblock-biaoti title-theme" id="wznav_13" style="box-sizing: border-box; overflow-wrap: break-word; font-size: 20px; margin-top: 20px; margin-bottom: 20px; font-family: inherit; line-height: 1.1; color: var(--theme-color); position: relative; padding-top: 0.1em; padding-bottom: 0.1em; padding-left: 1.1em; border: none; outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 14pt; color: rgb(255, 0, 0);">自定义 CSS 样式:</span></h1><pre class="wp-block-zibllblock-enlighter" style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 13px; padding: 0px; margin-top: 0px; margin-bottom: 0px; line-height: 1.42857; color: var(--main-color); overflow-wrap: break-word; background: 0px 0px; border-width: initial; border-style: none; border-left-color: initial; border-radius: 4px; outline-style: initial !important; outline-width: 0px !important;"><p class="enlighter-default enlighter-v-standard enlighter-t-dracula enlighter-hover enlighter-linenumbers enlighter-overflow-scroll" style="box-sizing: border-box; line-height: 1.4; overflow: hidden; white-space: pre-wrap; overflow-wrap: break-word; margin: 0px 0px 20px; padding: 0px; position: relative; direction: ltr; border-radius: 8px; background-color: rgb(45, 46, 49); color: rgb(126, 155, 245); outline: 0px !important;"><p class="enlighter-toolbar" style="box-sizing: border-box; outline: 0px !important; opacity: 0; position: absolute; right: 10px; top: 8px; z-index: 10; transition: all 0.2s ease 0s;"><p class="enlighter-btn enlighter-btn-raw" style="box-sizing: border-box; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 14px; line-height: 1; font-family: FontAwesome; border-radius: 4px; display: inline-block; transition: all 0.15s ease 0s; padding: 0.3em 0.6em; background: rgba(57, 60, 66, 0.87); color: rgb(102, 102, 102); margin-left: 6px; cursor: pointer; outline: 0px !important;"></p><p class="enlighter-btn enlighter-btn-copy" style="box-sizing: border-box; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 14px; line-height: 1; font-family: FontAwesome; border-radius: 4px; display: inline-block; transition: all 0.15s ease 0s; padding: 0.3em 0.6em; background: rgba(57, 60, 66, 0.87); color: rgb(102, 102, 102); margin-left: 6px; cursor: pointer; outline: 0px !important;"></p><p class="enlighter-btn enlighter-btn-window" style="box-sizing: border-box; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 14px; line-height: 1; font-family: FontAwesome; border-radius: 4px; display: inline-block; transition: all 0.15s ease 0s; padding: 0.3em 0.6em; background: rgba(57, 60, 66, 0.87); color: rgb(102, 102, 102); margin-left: 6px; cursor: pointer; outline: 0px !important;"></p></p><p class="enlighter" style="box-sizing: border-box; width: 752px; border-collapse: collapse; border-spacing: 0px; padding: 12px 0px; empty-cells: show; min-width: 100%; font-size: 10px; margin: 0px; counter-reset: enlighter 0; max-height: 400px; overflow-x: auto; outline: 0px !important; overflow-y: auto !important; overflow-wrap: normal !important;"><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-c1" style="box-sizing: border-box; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; outline: 0px !important;">/*导航栏扫光圈开始*/</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span><span class="enlighter-c1" style="box-sizing: border-box; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; outline: 0px !important;">/*白鲸博客(www.kuvsi.com)*/</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 5185.02px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span><span class="enlighter-x11" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(80, 250, 123); font-weight: 700;">.navbar-brand</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">{</span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">position</span><span class="enlighter-x15" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(255, 184, 108); font-style: italic;">:relative</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">;</span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">overflow</span><span class="enlighter-x15" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(255, 184, 108); font-style: italic;">:hidden</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">;</span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">margin</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: </span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">0px</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">0 </span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">0 </span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">0px</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">;</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">}</span><span class="enlighter-x11" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(80, 250, 123); font-weight: 700;">.navbar-brand</span><span class="enlighter-x15" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(255, 184, 108); font-style: italic;">:before</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">{</span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">content</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">:</span><span class="enlighter-s0" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(241, 250, 140);">""</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">; </span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">position</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: absolute; </span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">left</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: -</span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">665px</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">; </span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">top</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: -</span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">460px</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">; </span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">width</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: </span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">200px</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">; </span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">height</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: </span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">15px</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">; </span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">background-color</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: rgba</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">255</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">,</span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">255</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">,</span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">255</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">,</span><span class="enlighter-x11" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(80, 250, 123); font-weight: 700;">.5</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">)</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">; </span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">-webkit-transform</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: rotate</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">-</span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">45deg</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">)</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">; </span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">-moz-transform</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: rotate</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">-</span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">45deg</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">)</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">; </span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">-ms-transform</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: rotate</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">-</span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">45deg</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">)</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">; </span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">-o-transform</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: rotate</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">-</span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">45deg</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">)</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">; </span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">transform</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: rotate</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">-</span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">45deg</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">)</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">; </span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">-webkit-animation</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: searchLights </span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">6s</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> ease-in </span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">0s</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> infinite; </span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">-o-animation</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: searchLights </span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">6s</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> ease-in </span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">0s</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> infinite; </span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">animation</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: searchLights </span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">6s</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> ease-in </span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">0s</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> infinite;</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">}</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">@-moz-keyframes searchLights</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">{</span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">50%</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">{</span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">left</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: -</span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">100px</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">; </span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">top</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: </span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">0</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">;</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">}</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">65%</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">{</span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">left</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: </span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">120px</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">; </span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">top</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: </span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">100px</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">;</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">}}</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">@</span><span class="enlighter-k4" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253);">keyframes</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> searchLights</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">{</span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">40%</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">{</span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">left</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: -</span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">100px</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">; </span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">top</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: </span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">0</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">;</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">}</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">60%</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">{</span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">left</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: </span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">120px</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">; </span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">top</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: </span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">100px</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">;</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">}</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">80%</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">{</span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">left</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: -</span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">100px</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">; </span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">top</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: </span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">0px</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">;</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">}}</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span><span class="enlighter-c1" style="box-sizing: border-box; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; outline: 0px !important;">/*白鲸博客(www.kuvsi.com)*/</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span><span class="enlighter-c1" style="box-sizing: border-box; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; outline: 0px !important;">/*导航栏扫光圈结束*/</span></p></p></p></p></pre></p></p></p></p><p class="wp-block-zibllblock-collapse" style="box-sizing: border-box; color: rgb(229, 238, 247); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 16px; background-color: rgb(50, 51, 53); outline: 0px !important;"><p class="panel" data-theme="panel" data-isshow="false" style="box-sizing: border-box; outline: 0px !important; margin-bottom: 20px; background: 0px 0px; border-width: 1px; border-style: solid; border-color: var(--main-border-color); border-image: initial; border-radius: var(--main-radius); box-shadow: none;"><p class="panel-heading" href="#collapse_11303" data-toggle="collapse" aria-controls="collapseExample" aria-expanded="true" style="box-sizing: border-box; outline: 0px !important; padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; cursor: pointer;"><span class="fa fa-plus" style="box-sizing: border-box; margin-right: 20px; color: var(--focus-color); transition: all 0.3s ease 0s; transform: rotate(-45deg); outline: 0px !important;"></span><span class="biaoti " style="box-sizing: border-box; outline: 0px !important; font-weight: 700;">6、网站左上角 FPS 帧率显示</span></p><p class="collapse in" id="collapse_11303" aria-expanded="true" style="box-sizing: border-box; outline: 0px !important;"><p class="panel-body" style="box-sizing: border-box; outline: 0px !important; padding: 15px;"><h2 id="wznav_14" style="box-sizing: border-box; overflow-wrap: break-word; font-family: inherit; line-height: 1.1; color: inherit; margin-top: 20px; margin-bottom: 20px; font-size: 18px; outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 14pt;">使用方法</span></span></h2><p style="box-sizing: border-box; overflow-wrap: break-word; margin-bottom: 20px; outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 10pt;"><span style="box-sizing: border-box; outline: 0px !important; font-weight: 700;">&nbsp; &nbsp; &nbsp; &nbsp;你只需在网站管理后台→主题设置→自定义代码→自定义 javascript 代码,把下面的 js 代码复制粘贴到里面即可。</span></span></p><h1 class="wp-block-zibllblock-biaoti title-theme" id="wznav_15" style="box-sizing: border-box; overflow-wrap: break-word; font-size: 20px; margin-top: 20px; margin-bottom: 20px; font-family: inherit; line-height: 1.1; color: var(--theme-color); position: relative; padding-top: 0.1em; padding-bottom: 0.1em; padding-left: 1.1em; border: none; outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 14pt; color: rgb(255, 0, 0);">自定义 javascript 代码:</span></h1><pre class="wp-block-zibllblock-enlighter" style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 13px; padding: 0px; margin-top: 0px; margin-bottom: 0px; line-height: 1.42857; color: var(--main-color); overflow-wrap: break-word; background: 0px 0px; border-width: initial; border-style: none; border-left-color: initial; border-radius: 4px; outline-style: initial !important; outline-width: 0px !important;"><p class="enlighter-default enlighter-v-standard enlighter-t-dracula enlighter-hover enlighter-linenumbers enlighter-overflow-scroll" style="box-sizing: border-box; line-height: 1.4; overflow: hidden; white-space: pre-wrap; overflow-wrap: break-word; margin: 0px 0px 20px; padding: 0px; position: relative; direction: ltr; border-radius: 8px; background-color: rgb(45, 46, 49); color: rgb(126, 155, 245); outline: 0px !important;"><p class="enlighter-toolbar" style="box-sizing: border-box; outline: 0px !important; opacity: 0; position: absolute; right: 10px; top: 8px; z-index: 10; transition: all 0.2s ease 0s;"><p class="enlighter-btn enlighter-btn-raw" style="box-sizing: border-box; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 14px; line-height: 1; font-family: FontAwesome; border-radius: 4px; display: inline-block; transition: all 0.15s ease 0s; padding: 0.3em 0.6em; background: rgba(57, 60, 66, 0.87); color: rgb(102, 102, 102); margin-left: 6px; cursor: pointer; outline: 0px !important;"></p><p class="enlighter-btn enlighter-btn-copy" style="box-sizing: border-box; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 14px; line-height: 1; font-family: FontAwesome; border-radius: 4px; display: inline-block; transition: all 0.15s ease 0s; padding: 0.3em 0.6em; background: rgba(57, 60, 66, 0.87); color: rgb(102, 102, 102); margin-left: 6px; cursor: pointer; outline: 0px !important;"></p><p class="enlighter-btn enlighter-btn-window" style="box-sizing: border-box; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 14px; line-height: 1; font-family: FontAwesome; border-radius: 4px; display: inline-block; transition: all 0.15s ease 0s; padding: 0.3em 0.6em; background: rgba(57, 60, 66, 0.87); color: rgb(102, 102, 102); margin-left: 6px; cursor: pointer; outline: 0px !important;"></p></p><p class="enlighter" style="box-sizing: border-box; width: 752px; border-collapse: collapse; border-spacing: 0px; padding: 12px 0px; empty-cells: show; min-width: 100%; font-size: 10px; margin: 0px; counter-reset: enlighter 0; max-height: 400px; overflow-x: auto; outline: 0px !important; overflow-y: auto !important; overflow-wrap: normal !important;"><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-c0" style="box-sizing: border-box; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; outline: 0px !important;">// 网站左上角FPS 帧率显示开始</span><span class="enlighter-c0" style="box-sizing: border-box; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; outline: 0px !important;"></span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-c0" style="box-sizing: border-box; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; outline: 0px !important;">// 白鲸博客,(www.kuvsi.com)</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 795.7px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">$</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-s0" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(241, 250, 140);">'body'</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">)</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">.</span><span class="enlighter-m3" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253);">before</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-s0" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(241, 250, 140);">'&lt;div id="fps" style="z-index:10000;position:fixed;top:3;left:3;font-weight:bold;"&gt;&lt;/div&gt;'</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">)</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">;</span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span><span class="enlighter-k2" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(255, 121, 198); font-weight: 700;">var</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> showFPS = </span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-k0" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(255, 121, 198); font-weight: 700;">function</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">)</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">{</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-k2" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(255, 121, 198); font-weight: 700;">var</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> requestAnimationFrame = </span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-k9" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(80, 250, 123);">window</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">.</span><span class="enlighter-m3" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253);">requestAnimationFrame</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> || </span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-k9" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(80, 250, 123);">window</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">.</span><span class="enlighter-m3" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253);">webkitRequestAnimationFrame</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> || </span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-k9" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(80, 250, 123);">window</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">.</span><span class="enlighter-m3" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253);">mozRequestAnimationFrame</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> ||</span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-k9" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(80, 250, 123);">window</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">.</span><span class="enlighter-m3" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253);">oRequestAnimationFrame</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> ||</span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-k9" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(80, 250, 123);">window</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">.</span><span class="enlighter-m3" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253);">msRequestAnimationFrame</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> || </span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-k0" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(255, 121, 198); font-weight: 700;">function</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">callback</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">)</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">{</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-k9" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(80, 250, 123);">window</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">.</span><span class="enlighter-m3" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253);">setTimeout</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">callback, </span><span class="enlighter-n1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">1000</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">/</span><span class="enlighter-n1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">60</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">)</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">; </span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">}</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">; </span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-k2" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(255, 121, 198); font-weight: 700;">var</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> e,pe,pid,fps,last,offset,step,appendFps; </span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> fps = </span><span class="enlighter-n1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">0</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">; </span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> last = Date.</span><span class="enlighter-m3" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253);">now</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">)</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">; </span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> step = </span><span class="enlighter-k0" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(255, 121, 198); font-weight: 700;">function</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">)</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">{</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> offset = Date.</span><span class="enlighter-m3" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253);">now</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">)</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> - last; </span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> fps += </span><span class="enlighter-n1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">1</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">; </span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-k1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-weight: 700;">if</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> offset &gt;= </span><span class="enlighter-n1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">1000</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">)</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">{</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> last += offset; </span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-m0" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253);">appendFps</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">fps</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">)</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">; </span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> fps = </span><span class="enlighter-n1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">0</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">; </span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">}</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-m0" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253);">requestAnimationFrame</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> step </span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">)</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">; </span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">}</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">; </span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> appendFps = </span><span class="enlighter-k0" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(255, 121, 198); font-weight: 700;">function</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">fps</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">)</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">{</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-k9" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(80, 250, 123);">console</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">.</span><span class="enlighter-m3" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253);">log</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">fps+</span><span class="enlighter-s0" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(241, 250, 140);">'FPS'</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">)</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">;</span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> $</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-s0" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(241, 250, 140);">'#fps'</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">)</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">.</span><span class="enlighter-m3" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253);">html</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">fps+</span><span class="enlighter-s0" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(241, 250, 140);">'FPS'</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">)</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">;</span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">}</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">;</span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-m0" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253);">step</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">)</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">;</span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">}</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">)</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">)</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">;</span><span class="enlighter-c0" style="box-sizing: border-box; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; outline: 0px !important;"></span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-c0" style="box-sizing: border-box; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; outline: 0px !important;">// 白鲸博客(www.kuvsi.com)</span><span class="enlighter-c0" style="box-sizing: border-box; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; outline: 0px !important;"></span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-c0" style="box-sizing: border-box; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; outline: 0px !important;">// 网站左上角FPS 帧率显示结束</span></p></p></p></p></pre><img alt="WordPress子比主题美化教程—本文持续更新.-白鲸博客" title="WordPress子比主题美化教程—本文持续更新.-白鲸博客" src="https://pic.kuvsi.com/beluga/mhys/IMG_20220322_033304.jpg" imgbox-id="swiper-imgbox-15843" imgbox-index="5" style="box-sizing: border-box; height: auto; vertical-align: bottom; max-height: 100%; display: block; margin: auto; border-radius: inherit; outline-style: initial !important; outline-width: 0px !important;">效果图</p></p></p></p>
 0   0  102天前
zhk
198
前言介绍 本页主题美化内容是白鲸博客在建站时一个一个测试过无任何错误的记录合集,使用之前先参考本站,若觉得实用就拿去用吧,我会持续的更新。 美化说明 每个人的审美观念不一样,所以请先参考本站或测试在用。 主题美化、小工具可能会有一定程度使网站加载缓慢、CSS 全局污染等等一系列的问题,请一定要测试后在进行美化。 主题美化可能会对主题文件进行修改,更新时请及时备份主题美化的文件,或者收藏本站,以免一些主题页面或美化效果丢失。 子比主题美化都是站长自己鼓捣,测试后才分布的,完全免费,开放。 必要说明:(核心重点) ↓↓↓↓↓↓不会添加代码的看上面↓↓↓↓↓↓ (最新版子比主题)CSS 代码添加到后台:子比主题设置—>自定义代码—>自定义 CSS 样式 (最新版子比主题)JS 即 javascript 代码添加到:后台子比主题设置—>自定义代码—>自定义 javascript 代码 (最新版子比主题)没有特殊说明的小工具,自定义 HTML 小工具:添加网站后台—>外观–>小工具–>点击【自定义 HTML】选择放置的位置—>把代码复制进去,保存即可。 ↑↑↑↑↑↑不会添加代码的看上面↑↑↑↑↑↑ 其他添加方式的,我会在教程里告知,若只需添加 CSS+JS 的教程,我可能不重复告知了,请注意看上面的方法。 其他添加方式的,我会在教程里告知,若只需添加 CSS+JS 的教程,我可能不重复告知了,请注意看上面的方法。 教程按更新时间排序,最新的美化教程排在最后面-页码越往后越新,白鲸博客美化分享 1、导航栏字体加粗美化代码 使用说明 你只需在网站管理后台→主题设置→自定义代码→自定义 CSS 样式,把下面的 CSS 代码复制粘贴到里面即可。 自定义 CSS 样式: //导航栏字体加粗开始 //白鲸博客(www.kuvsi.com) ul.nav {font-weight: 700;} //白鲸博客(www.kuvsi.com) //导航栏字体加粗结束 WordPress子比主题美化教程—本文持续更新.-白鲸博客 导航栏字体加粗演示图片 2、导航栏背景图片美化代码 使用方法 你只需在网站管理后台→主题设置→自定义代码→自定义 CSS 代码样式,把下面的 CSS 代码复制粘贴到里面即可。(如果需要换背景把下面https://pic.kuvsi.com/kuvsi/h5.jpg这行替换你的背景图片即可) 注意事项 打开网站管理后台→子比主题设置→页面显示→顶部导航→电脑端导航布局(选择第一个选项)→移动端导航布局(选择第一个选项)→设置完成即可,不这样设置的话顶部导航背景是显示不出来的。 自定义 CSS 样式: /*导航栏背景开始*/ /*白鲸博客(www.kuvsi.com)*/ .header-layout-1{position:relative;background-image:url(https://pic.kuvsi.com/kuvsi/h5.jpg);background-position:center right;background-size:auto 100%;} /*白鲸博客(www.kuvsi.com)*/ /*导航栏背景结束*/ WordPress子比主题美化教程—本文持续更新.-白鲸博客 导航栏背景美化演示图片 3、网站首页背图景美化代码 使用方法 你只需在网站管理后台→主题设置→自定义代码→自定义 CSS 代码样式,把下面的 CSS 代码复制粘贴到里面即可。(如果需要换背景把下面https://pic.kuvsi.com/kuvsi/bj.webp这行替换你的背景图片即可) 自定义 CSS 样式: /*网站背景图开始*/ /*白鲸博客(www.kuvsi.com)*/ body {background: var(--body-bg-color);} :root{--body-bg-color:url(https://pic.kuvsi.com/kuvsi/bj.webp) top fixed;} /*白鲸博客(www.kuvsi.com)*/ /*网站背景图结束*/ WordPress子比主题美化教程—本文持续更新.-白鲸博客 新年背景图 WordPress子比主题美化教程—本文持续更新.-白鲸博客 背景图片美化演示 4、侧边栏背景图片美化代码 使用方法(只有移动端可以看得到) 你只需在网站管理后台→主题设置→自定义代码→自定义 css 代码样式,把下面的 CSS 代码复制粘贴到里面即可。(如果需要换背景把下面https://pic.kuvsi.com/kuvsi/h4.jpg这行替换你的背景图片即可) 自定义 CSS 样式: /*侧边栏背景开始*/ /*白鲸博客(www.kuvsi.com)*/ @media (max-width: 767px){ .mobile-navbar.show,.mobile-navbar.left{ background-size: cover; background-repeat: no-repeat; background-position: center center; cursor: pointer; background-image:linear-gradient(rgba(255, 255,255,0),rgba(255,255,255, 0.3)),url(https://pic.kuvsi.com/kuvsi/h4.jpg);} .mobile-nav-widget .box-body { background: var(--muted-border-color) !important;} } /*白鲸博客(www.kuvsi.com)*/ /*侧边栏背景结束*/ WordPress子比主题美化教程—本文持续更新.-白鲸博客 侧边栏美化图片演示 5、导航栏LOGO扫光圈代码 使用方法(效果看本站LOGO处) 你只需在网站管理后台→主题设置→自定义代码→自定义 CSS 代码样式,把下面的 CSS 代码复制粘贴到里面即可。(可以查看本站导航栏) 自定义 CSS 样式: /*导航栏扫光圈开始*/ /*白鲸博客(www.kuvsi.com)*/ .navbar-brand{position:relative;overflow:hidden;margin: 0px 0 0 0px;}.navbar-brand:before{content:""; position: absolute; left: -665px; top: -460px; width: 200px; height: 15px; background-color: rgba(255,255,255,.5); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: searchLights 6s ease-in 0s infinite; -o-animation: searchLights 6s ease-in 0s infinite; animation: searchLights 6s ease-in 0s infinite;}@-moz-keyframes searchLights{50%{left: -100px; top: 0;} 65%{left: 120px; top: 100px;}}@keyframes searchLights{40%{left: -100px; top: 0;} 60%{left: 120px; top: 100px;} 80%{left: -100px; top: 0px;}} /*白鲸博客(www.kuvsi.com)*/ /*导航栏扫光圈结束*/ 6、网站左上角 FPS 帧率显示 使用方法 你只需在网站管理后台→主题设置→自定义代码→自定义 javascript 代码,把下面的 js 代码复制粘贴到里面即可。 自定义 javascript 代码: // 网站左上角FPS 帧率显示开始 // 白鲸博客,(www.kuvsi.com) $('body').before(''); var showFPS = (function(){ var requestAnimationFrame = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function(callback) { window.setTimeout(callback, 1000/60); }; var e,pe,pid,fps,last,offset,step,appendFps; fps = 0; last = Date.now(); step = function(){ offset = Date.now() - last; fps += 1; if( offset >= 1000 ){ last += offset; appendFps(fps); fps = 0; } requestAnimationFrame( step ); }; appendFps = function(fps){ console.log(fps+'FPS'); $('#fps').html(fps+'FPS'); }; step(); })(); // 白鲸博客(www.kuvsi.com) // 网站左上角FPS 帧率显示结束 WordPress子比主题美化教程—本文持续更新.-白鲸博客 效果图
 0   0  102天前
zhk
206
<h2 class="wp-block-zibllblock-biaoti title-theme" id="wznav_0" style="box-sizing: border-box; overflow-wrap: break-word; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; line-height: 1.1; color: var(--theme-color); margin-top: 20px; margin-bottom: 20px; font-size: 18px; position: relative; padding-top: 0.1em; padding-bottom: 0.1em; padding-left: 1.1em; border: none; background-color: rgb(50, 51, 53); outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 18pt; color: rgb(255, 0, 0);">前言介绍</span></h2><ul style="box-sizing: border-box; overflow-wrap: break-word; margin: 20px; padding-left: 20px; list-style-type: disc; color: rgb(229, 238, 247); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 16px; background-color: rgb(50, 51, 53); outline-style: initial !important; outline-width: 0px !important;"><li style="box-sizing: border-box; outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 12pt;">本页<a href="https://www.kuvsi.com/94" style="box-sizing: border-box; color: var(--focus-color); cursor: pointer; transition: color 0.2s ease 0s, background 0.3s ease 0s, opacity 0.3s ease 0s, box-shadow 0.3s ease 0s, transform 0.3s ease 0s; outline: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; color: rgb(255, 0, 0);">主题美化</span></a>内容是测试过无任何错误的记录合集,使用之前先参考本站,若觉得实用就拿去用吧,我会持续的更新。</span></li></ul><h2 class="wp-block-zibllblock-biaoti title-theme" id="wznav_1" style="box-sizing: border-box; overflow-wrap: break-word; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; line-height: 1.1; color: var(--theme-color); margin-top: 20px; margin-bottom: 20px; font-size: 18px; position: relative; padding-top: 0.1em; padding-bottom: 0.1em; padding-left: 1.1em; border: none; background-color: rgb(50, 51, 53); outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 18pt; color: rgb(255, 0, 0);">美化说明</span></h2><ul style="box-sizing: border-box; overflow-wrap: break-word; margin: 20px; padding-left: 20px; list-style-type: disc; color: rgb(229, 238, 247); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 16px; background-color: rgb(50, 51, 53); outline-style: initial !important; outline-width: 0px !important;"><li style="box-sizing: border-box; margin-bottom: 10px; outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 12pt;">每个人的审美观念不一样,所以请先参考本站或测试在用。</span></li><li style="box-sizing: border-box; margin-bottom: 10px; outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 12pt;">主题美化、小工具可能会有一定程度使网站加载缓慢、CSS 全局污染等等一系列的问题,请一定要测试后在进行美化。</span></li><li style="box-sizing: border-box; margin-bottom: 10px; outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 12pt;">主题美化可能会对主题文件进行修改,更新时请及时备份主题美化的文件,或者收藏本站,以免一些主题页面或美化效果丢失。</span></li><li style="box-sizing: border-box; outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 12pt;">子比主题美化都是站长自己鼓捣,测试后才分布的,完全免费,开放。</span></li></ul><h2 class="wp-block-zibllblock-biaoti title-theme" id="wznav_2" style="box-sizing: border-box; overflow-wrap: break-word; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; line-height: 1.1; color: var(--theme-color); margin-top: 20px; margin-bottom: 20px; font-size: 18px; position: relative; padding-top: 0.1em; padding-bottom: 0.1em; padding-left: 1.1em; border: none; background-color: rgb(50, 51, 53); outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 18pt; color: rgb(255, 0, 0);">必要说明:</span><span style="box-sizing: border-box; outline: 0px !important; color: rgb(255, 0, 0);"><span style="box-sizing: border-box; outline: 0px !important; font-size: 18pt;">(核心重点)</span></span></h2><ul style="box-sizing: border-box; overflow-wrap: break-word; margin: 20px; padding-left: 20px; list-style-type: disc; color: rgb(229, 238, 247); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 16px; background-color: rgb(50, 51, 53); outline-style: initial !important; outline-width: 0px !important;"><li style="box-sizing: border-box; margin-bottom: 10px; outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-weight: 700;"><span style="box-sizing: border-box; outline: 0px !important; color: rgb(255, 0, 0);">↓↓↓↓↓↓不会添加代码的看上面↓↓↓↓↓↓</span></span></li><li style="box-sizing: border-box; margin-bottom: 10px; outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 12pt;">(<span style="box-sizing: border-box; outline: 0px !important; color: rgb(255, 0, 0);">最新版子比主题</span>)CSS 代码添加到后台:<span style="box-sizing: border-box; outline: 0px !important; color: rgb(255, 0, 0);">子比主题设置—&gt;自定义代码—&gt;自定义 CSS 样式</span></span></li><li style="box-sizing: border-box; margin-bottom: 10px; outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 12pt;">(<span style="box-sizing: border-box; outline: 0px !important; color: rgb(255, 0, 0);">最新版子比主题</span>)JS 即 javascript 代码添加到:<span style="box-sizing: border-box; outline: 0px !important; color: rgb(255, 0, 0);">后台子比主题设置—&gt;自定义代码—&gt;自定义 javascript 代码</span></span></li><li style="box-sizing: border-box; margin-bottom: 10px; outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 12pt;"><span style="box-sizing: border-box; outline: 0px !important; font-weight: 700;">(<span style="box-sizing: border-box; outline: 0px !important; color: rgb(255, 0, 0);">最新版子比主题</span>)没有特殊说明的小工具,<span style="box-sizing: border-box; outline: 0px !important; color: rgb(255, 0, 0);">自定义 HTML 小工具:添加网站后台—&gt;外观–&gt;小工具–&gt;点击【自定义 HTML】选择放置的位置—&gt;把代码复制进去,保存即可。</span></span></span></li><li style="box-sizing: border-box; margin-bottom: 10px; outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 12pt;"><span style="box-sizing: border-box; outline: 0px !important; color: rgb(255, 0, 0);">↑↑↑↑↑↑不会添加代码的看上面↑↑↑↑↑↑</span></span></li><li style="box-sizing: border-box; margin-bottom: 10px; outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 12pt;">其他添加方式的,我会在教程里告知,若只需添加 CSS+JS 的教程,我可能不重复告知了,请注意看上面的方法。</span></li><li style="box-sizing: border-box; outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 12pt;">其他添加方式的,我会在教程里告知,若只需添加 CSS+JS 的教程,我可能不重复告知了,请注意看上面的方法。</span></li></ul><p class="wp-block-zibllblock-alert alert-dismissible fade in" style="box-sizing: border-box; opacity: 1; transition: opacity 0.15s linear 0s; padding: 0px 15px 0px 20px; position: relative; color: rgb(229, 238, 247); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 16px; background-color: rgb(50, 51, 53); outline: 0px !important;"><p class="alert jb-blue" role="alert" data-isclose="" style="box-sizing: border-box; outline: 0px !important; padding: 1.2em 2.2em; margin-bottom: 20px; border: none; border-radius: 12px; color: rgb(255, 255, 255); background: var(--this-bg); --this-color:#fff; --this-bg:linear-gradient(135deg, #59c3fb 10%, #268df7 100%); position: relative; min-height: 40px; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 10px 0px;"><span style="box-sizing: border-box; outline: 0px !important; font-weight: 700;">教程按更新时间排序,最新的美化教程排在最后面-页码越往后越新,美化分享</span></p></p><p class="wp-block-zibllblock-collapse" style="box-sizing: border-box; color: rgb(229, 238, 247); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 16px; background-color: rgb(50, 51, 53); outline: 0px !important;"><p class="panel" data-theme="panel" data-isshow="false" style="box-sizing: border-box; outline: 0px !important; margin-bottom: 20px; background: 0px 0px; border-width: 1px; border-style: solid; border-color: var(--main-border-color); border-image: initial; border-radius: var(--main-radius); box-shadow: none;"><p class="panel-heading" href="#collapse_12432" data-toggle="collapse" aria-controls="collapseExample" aria-expanded="true" style="box-sizing: border-box; outline: 0px !important; padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; cursor: pointer;"><span class="fa fa-plus" style="box-sizing: border-box; margin-right: 20px; color: var(--focus-color); transition: all 0.3s ease 0s; transform: rotate(-45deg); outline: 0px !important;"></span><span class="biaoti " style="box-sizing: border-box; outline: 0px !important; font-weight: 700;">1、导航栏字体加粗美化代码</span></p><p class="collapse in" id="collapse_12432" aria-expanded="true" style="box-sizing: border-box; outline: 0px !important;"><p class="panel-body" style="box-sizing: border-box; outline: 0px !important; padding: 15px;"><h2 id="wznav_3" style="box-sizing: border-box; overflow-wrap: break-word; font-family: inherit; line-height: 1.1; color: inherit; margin-top: 20px; margin-bottom: 20px; font-size: 18px; outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 14pt;">使用说明</span></span></h2><p style="box-sizing: border-box; overflow-wrap: break-word; margin-bottom: 20px; outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-weight: 700;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 10pt;">&nbsp; &nbsp; &nbsp; &nbsp;你只需在网站管理后台→主题设置→自定义代码→自定义 CSS 样式,把下面的 CSS 代码复制粘贴到里面即可。</span></span></p><h1 class="wp-block-zibllblock-biaoti title-theme" id="wznav_4" style="box-sizing: border-box; overflow-wrap: break-word; font-size: 20px; margin-top: 20px; margin-bottom: 20px; font-family: inherit; line-height: 1.1; color: var(--theme-color); position: relative; padding-top: 0.1em; padding-bottom: 0.1em; padding-left: 1.1em; border: none; outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 14pt; color: rgb(255, 0, 0);">自定义&nbsp;<span style="box-sizing: border-box; outline: 0px !important;">CSS</span>&nbsp;样式:</span></h1><pre class="wp-block-zibllblock-enlighter" style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 13px; padding: 0px; margin-top: 0px; margin-bottom: 0px; line-height: 1.42857; color: var(--main-color); overflow-wrap: break-word; background: 0px 0px; border-width: initial; border-style: none; border-left-color: initial; border-radius: 4px; outline-style: initial !important; outline-width: 0px !important;"><p class="enlighter-default enlighter-v-standard enlighter-t-dracula enlighter-hover enlighter-linenumbers enlighter-overflow-scroll" style="box-sizing: border-box; line-height: 1.4; overflow: hidden; white-space: pre-wrap; overflow-wrap: break-word; margin: 0px 0px 20px; padding: 0px; position: relative; direction: ltr; border-radius: 8px; background-color: rgb(45, 46, 49); color: rgb(126, 155, 245); outline: 0px !important;"><p class="enlighter-toolbar" style="box-sizing: border-box; outline: 0px !important; opacity: 0; position: absolute; right: 10px; top: 8px; z-index: 10; transition: all 0.2s ease 0s;"><p class="enlighter-btn enlighter-btn-raw" style="box-sizing: border-box; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 14px; line-height: 1; font-family: FontAwesome; border-radius: 4px; display: inline-block; transition: all 0.15s ease 0s; padding: 0.3em 0.6em; background: rgba(57, 60, 66, 0.87); color: rgb(102, 102, 102); margin-left: 6px; cursor: pointer; outline: 0px !important;"></p><p class="enlighter-btn enlighter-btn-copy" style="box-sizing: border-box; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 14px; line-height: 1; font-family: FontAwesome; border-radius: 4px; display: inline-block; transition: all 0.15s ease 0s; padding: 0.3em 0.6em; background: rgba(57, 60, 66, 0.87); color: rgb(102, 102, 102); margin-left: 6px; cursor: pointer; outline: 0px !important;"></p><p class="enlighter-btn enlighter-btn-window" style="box-sizing: border-box; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 14px; line-height: 1; font-family: FontAwesome; border-radius: 4px; display: inline-block; transition: all 0.15s ease 0s; padding: 0.3em 0.6em; background: rgba(57, 60, 66, 0.87); color: rgb(102, 102, 102); margin-left: 6px; cursor: pointer; outline: 0px !important;"></p></p><p class="enlighter" style="box-sizing: border-box; width: 752px; border-collapse: collapse; border-spacing: 0px; padding: 12px 0px; empty-cells: show; min-width: 100%; font-size: 10px; margin: 0px; counter-reset: enlighter 0; max-height: 400px; overflow-x: auto; outline: 0px !important; overflow-y: auto !important; overflow-wrap: normal !important;"><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">//导航栏字体加粗开始</span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">//天行资源网(ziyuan.hacosky.com)</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">ul</span><span class="enlighter-x11" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(80, 250, 123); font-weight: 700;">.nav</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">{</span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">font-weight</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: </span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">700</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">;</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">}</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">//白鲸博客</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">www</span><span class="enlighter-x11" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(80, 250, 123); font-weight: 700;">.kuvsi</span><span class="enlighter-x11" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(80, 250, 123); font-weight: 700;">.com</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">)</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">//导航栏字体加粗结束</span></p></p></p></p></pre><img alt="WordPress子比主题美化教程—本文持续更新.-白鲸博客" title="WordPress子比主题美化教程—本文持续更新.-白鲸博客" src="https://pic.kuvsi.com/beluga/mhys/%E5%AF%BC%E8%88%AA%E6%A0%8F%E5%AD%97%E4%BD%93%E5%8A%A0%E7%B2%97.jpg" imgbox-id="swiper-imgbox-15843" imgbox-index="0" style="box-sizing: border-box; height: auto; vertical-align: bottom; max-height: 100%; display: block; margin: auto; border-radius: inherit; outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-weight: 700;">导航栏字体加粗演示图片</span></p></p></p></p><p class="wp-block-zibllblock-collapse" style="box-sizing: border-box; color: rgb(229, 238, 247); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 16px; background-color: rgb(50, 51, 53); outline: 0px !important;"><p class="panel" data-theme="panel" data-isshow="false" style="box-sizing: border-box; outline: 0px !important; margin-bottom: 20px; background: 0px 0px; border-width: 1px; border-style: solid; border-color: var(--main-border-color); border-image: initial; border-radius: var(--main-radius); box-shadow: none;"><p class="panel-heading" href="#collapse_19165" data-toggle="collapse" aria-controls="collapseExample" aria-expanded="true" style="box-sizing: border-box; outline: 0px !important; padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; cursor: pointer;"><span class="fa fa-plus" style="box-sizing: border-box; margin-right: 20px; color: var(--focus-color); transition: all 0.3s ease 0s; transform: rotate(-45deg); outline: 0px !important;"></span><span class="biaoti " style="box-sizing: border-box; outline: 0px !important; font-weight: 700;">2、导航栏背景图片美化代码</span></p><p class="collapse in" id="collapse_19165" aria-expanded="true" style="box-sizing: border-box; outline: 0px !important;"><p class="panel-body" style="box-sizing: border-box; outline: 0px !important; padding: 15px;"><h2 id="wznav_5" style="box-sizing: border-box; overflow-wrap: break-word; font-family: inherit; line-height: 1.1; color: inherit; margin-top: 20px; margin-bottom: 20px; font-size: 18px; outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 14pt;">使用方法</span></h2><p style="box-sizing: border-box; overflow-wrap: break-word; margin-bottom: 20px; outline-style: initial !important; outline-width: 0px !important;">&nbsp; &nbsp; &nbsp; &nbsp;<span style="box-sizing: border-box; outline: 0px !important; font-weight: 700;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 10pt;">你只需在网站管理后台→主题设置→自定义代码→自定义 CSS 代码样式,把下面的 CSS 代码复制粘贴到里面即可。</span></span><span style="box-sizing: border-box; outline: 0px !important; font-weight: 700;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 10pt;">(如果需要换背景把下面https://pic.kuvsi.com/kuvsi/h5.jpg这行替换你的背景图片即可)</span></span></p><h2 id="wznav_6" style="box-sizing: border-box; overflow-wrap: break-word; font-family: inherit; line-height: 1.1; color: inherit; margin-top: 20px; margin-bottom: 20px; font-size: 18px; outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 14pt;">注意事项</span></span></h2><p style="box-sizing: border-box; overflow-wrap: break-word; margin-bottom: 20px; outline-style: initial !important; outline-width: 0px !important;">&nbsp; &nbsp; &nbsp; &nbsp;<span style="box-sizing: border-box; outline: 0px !important; font-size: 10pt;"><span style="box-sizing: border-box; outline: 0px !important; font-weight: 700;">打开网站管理后台→子比主题设置→页面显示→顶部导航→电脑端导航布局(选择第一个选项)→移动端导航布局(选择第一个选项)→设置完成即可,不这样设置的话顶部导航背景是显示不出来的。</span></span></p><h1 class="wp-block-zibllblock-biaoti title-theme" id="wznav_7" style="box-sizing: border-box; overflow-wrap: break-word; font-size: 20px; margin-top: 20px; margin-bottom: 20px; font-family: inherit; line-height: 1.1; color: var(--theme-color); position: relative; padding-top: 0.1em; padding-bottom: 0.1em; padding-left: 1.1em; border: none; outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 14pt; color: rgb(255, 0, 0);">自定义 CSS 样式:</span></h1><pre class="wp-block-zibllblock-enlighter" style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 13px; padding: 0px; margin-top: 0px; margin-bottom: 0px; line-height: 1.42857; color: var(--main-color); overflow-wrap: break-word; background: 0px 0px; border-width: initial; border-style: none; border-left-color: initial; border-radius: 4px; outline-style: initial !important; outline-width: 0px !important;"><p class="enlighter-default enlighter-v-standard enlighter-t-dracula enlighter-hover enlighter-linenumbers enlighter-overflow-scroll" style="box-sizing: border-box; line-height: 1.4; overflow: hidden; white-space: pre-wrap; overflow-wrap: break-word; margin: 0px 0px 20px; padding: 0px; position: relative; direction: ltr; border-radius: 8px; background-color: rgb(45, 46, 49); color: rgb(126, 155, 245); outline: 0px !important;"><p class="enlighter-toolbar" style="box-sizing: border-box; outline: 0px !important; opacity: 0; position: absolute; right: 10px; top: 8px; z-index: 10; transition: all 0.2s ease 0s;"><p class="enlighter-btn enlighter-btn-raw" style="box-sizing: border-box; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 14px; line-height: 1; font-family: FontAwesome; border-radius: 4px; display: inline-block; transition: all 0.15s ease 0s; padding: 0.3em 0.6em; background: rgba(57, 60, 66, 0.87); color: rgb(102, 102, 102); margin-left: 6px; cursor: pointer; outline: 0px !important;"></p><p class="enlighter-btn enlighter-btn-copy" style="box-sizing: border-box; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 14px; line-height: 1; font-family: FontAwesome; border-radius: 4px; display: inline-block; transition: all 0.15s ease 0s; padding: 0.3em 0.6em; background: rgba(57, 60, 66, 0.87); color: rgb(102, 102, 102); margin-left: 6px; cursor: pointer; outline: 0px !important;"></p><p class="enlighter-btn enlighter-btn-window" style="box-sizing: border-box; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 14px; line-height: 1; font-family: FontAwesome; border-radius: 4px; display: inline-block; transition: all 0.15s ease 0s; padding: 0.3em 0.6em; background: rgba(57, 60, 66, 0.87); color: rgb(102, 102, 102); margin-left: 6px; cursor: pointer; outline: 0px !important;"></p></p><p class="enlighter" style="box-sizing: border-box; width: 752px; border-collapse: collapse; border-spacing: 0px; padding: 12px 0px; empty-cells: show; min-width: 100%; font-size: 10px; margin: 0px; counter-reset: enlighter 0; max-height: 400px; overflow-x: auto; outline: 0px !important; overflow-y: auto !important; overflow-wrap: normal !important;"><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-c1" style="box-sizing: border-box; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; outline: 0px !important;">/*导航栏背景开始*/</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span><span class="enlighter-c1" style="box-sizing: border-box; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; outline: 0px !important;">/*天行资源网(ziyuan.hacosky.com)*/</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 1103.1px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span><span class="enlighter-x11" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(80, 250, 123); font-weight: 700;">.header-layout-1</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">{</span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">position</span><span class="enlighter-x15" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(255, 184, 108); font-style: italic;">:relative</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">;</span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">background-image</span><span class="enlighter-x15" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(255, 184, 108); font-style: italic;">:url</span><span class="enlighter-s0" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(241, 250, 140);">(https://pic.kuvsi.com/kuvsi/h5.jpg)</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">;</span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">background-position</span><span class="enlighter-x15" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(255, 184, 108); font-style: italic;">:center</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> right;</span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">background-size</span><span class="enlighter-x15" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(255, 184, 108); font-style: italic;">:auto</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">100%</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">;</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">}</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;">/*天行资源网(ziyuan.hacosky.com)*/<br></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span><span class="enlighter-c1" style="box-sizing: border-box; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; outline: 0px !important;">/*导航栏背景结束*/</span></p></p></p></p></pre><img alt="WordPress子比主题美化教程—本文持续更新.-白鲸博客" title="WordPress子比主题美化教程—本文持续更新.-白鲸博客" src="https://pic.kuvsi.com/beluga/mhys/IMG_20220322_032648.jpg" imgbox-id="swiper-imgbox-15843" imgbox-index="1" style="box-sizing: border-box; height: auto; vertical-align: bottom; max-height: 100%; display: block; margin: auto; border-radius: inherit; outline-style: initial !important; outline-width: 0px !important;">导航栏背景美化演示图片</p></p></p></p><p class="wp-block-zibllblock-collapse" style="box-sizing: border-box; color: rgb(229, 238, 247); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 16px; background-color: rgb(50, 51, 53); outline: 0px !important;"><p class="panel" data-theme="panel" data-isshow="false" style="box-sizing: border-box; outline: 0px !important; margin-bottom: 20px; background: 0px 0px; border-width: 1px; border-style: solid; border-color: var(--main-border-color); border-image: initial; border-radius: var(--main-radius); box-shadow: none;"><p class="panel-heading" href="#collapse_14997" data-toggle="collapse" aria-controls="collapseExample" aria-expanded="true" style="box-sizing: border-box; outline: 0px !important; padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; cursor: pointer;"><span class="fa fa-plus" style="box-sizing: border-box; margin-right: 20px; color: var(--focus-color); transition: all 0.3s ease 0s; transform: rotate(-45deg); outline: 0px !important;"></span><span class="biaoti " style="box-sizing: border-box; outline: 0px !important; font-weight: 700;">3、网站首页背图景美化代码</span></p><p class="collapse in" id="collapse_14997" aria-expanded="true" style="box-sizing: border-box; outline: 0px !important;"><p class="panel-body" style="box-sizing: border-box; outline: 0px !important; padding: 15px;"><h2 id="wznav_8" style="box-sizing: border-box; overflow-wrap: break-word; font-family: inherit; line-height: 1.1; color: inherit; margin-top: 20px; margin-bottom: 20px; font-size: 18px; outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 14pt;">使用方法</span></span></h2><p style="box-sizing: border-box; overflow-wrap: break-word; margin-bottom: 20px; outline-style: initial !important; outline-width: 0px !important;">&nbsp; &nbsp; &nbsp; &nbsp;<span style="box-sizing: border-box; outline: 0px !important; font-weight: 700;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 10pt;">你只需在网站管理后台→主题设置→自定义代码→自定义 CSS 代码样式,把下面的 CSS 代码复制粘贴到里面即可。(如果需要换背景把下面https://pic.kuvsi.com/kuvsi/bj.webp这行替换你的背景图片即可)</span></span></p><h1 class="wp-block-zibllblock-biaoti title-theme" id="wznav_9" style="box-sizing: border-box; overflow-wrap: break-word; font-size: 20px; margin-top: 20px; margin-bottom: 20px; font-family: inherit; line-height: 1.1; color: var(--theme-color); position: relative; padding-top: 0.1em; padding-bottom: 0.1em; padding-left: 1.1em; border: none; outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 14pt; color: rgb(255, 0, 0);">自定义 CSS 样式:</span></h1><pre class="wp-block-zibllblock-enlighter" style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 13px; padding: 0px; margin-top: 0px; margin-bottom: 0px; line-height: 1.42857; color: var(--main-color); overflow-wrap: break-word; background: 0px 0px; border-width: initial; border-style: none; border-left-color: initial; border-radius: 4px; outline-style: initial !important; outline-width: 0px !important;"><p class="enlighter-default enlighter-v-standard enlighter-t-dracula enlighter-hover enlighter-linenumbers enlighter-overflow-scroll" style="box-sizing: border-box; line-height: 1.4; overflow: hidden; white-space: pre-wrap; overflow-wrap: break-word; margin: 0px 0px 20px; padding: 0px; position: relative; direction: ltr; border-radius: 8px; background-color: rgb(45, 46, 49); color: rgb(126, 155, 245); outline: 0px !important;"><p class="enlighter-toolbar" style="box-sizing: border-box; outline: 0px !important; opacity: 0; position: absolute; right: 10px; top: 8px; z-index: 10; transition: all 0.2s ease 0s;"><p class="enlighter-btn enlighter-btn-raw" style="box-sizing: border-box; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 14px; line-height: 1; font-family: FontAwesome; border-radius: 4px; display: inline-block; transition: all 0.15s ease 0s; padding: 0.3em 0.6em; background: rgba(57, 60, 66, 0.87); color: rgb(102, 102, 102); margin-left: 6px; cursor: pointer; outline: 0px !important;"></p><p class="enlighter-btn enlighter-btn-copy" style="box-sizing: border-box; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 14px; line-height: 1; font-family: FontAwesome; border-radius: 4px; display: inline-block; transition: all 0.15s ease 0s; padding: 0.3em 0.6em; background: rgba(57, 60, 66, 0.87); color: rgb(102, 102, 102); margin-left: 6px; cursor: pointer; outline: 0px !important;"></p><p class="enlighter-btn enlighter-btn-window" style="box-sizing: border-box; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 14px; line-height: 1; font-family: FontAwesome; border-radius: 4px; display: inline-block; transition: all 0.15s ease 0s; padding: 0.3em 0.6em; background: rgba(57, 60, 66, 0.87); color: rgb(102, 102, 102); margin-left: 6px; cursor: pointer; outline: 0px !important;"></p></p><p class="enlighter" style="box-sizing: border-box; width: 752px; border-collapse: collapse; border-spacing: 0px; padding: 12px 0px; empty-cells: show; min-width: 100%; font-size: 10px; margin: 0px; counter-reset: enlighter 0; max-height: 400px; overflow-x: auto; outline: 0px !important; overflow-y: auto !important; overflow-wrap: normal !important;"><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-c1" style="box-sizing: border-box; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; outline: 0px !important;">/*网站背景图开始*/</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span><span class="enlighter-c1" style="box-sizing: border-box; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; outline: 0px !important;">/*天行资源网(ziyuan.hacosky.com)*/</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 838.6px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">body </span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">{</span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">background</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: var</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">--body-bg-color</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">)</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">;</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">}</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> :root</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">{</span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">--body-bg-color</span><span class="enlighter-x15" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(255, 184, 108); font-style: italic;">:url</span><span class="enlighter-s0" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(241, 250, 140);">(https://pic.kuvsi.com/kuvsi/bj.webp)</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> top fixed;</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">}</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span><span class="enlighter-c1" style="box-sizing: border-box; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; outline: 0px !important;">/*天行资源网(ziyuan.hacosky.com)*/</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span><span class="enlighter-c1" style="box-sizing: border-box; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; outline: 0px !important;">/*网站背景图结束*/</span></p></p></p></p></pre><img alt="WordPress子比主题美化教程—本文持续更新.-白鲸博客" title="WordPress子比主题美化教程—本文持续更新.-白鲸博客" src="https://pic.kuvsi.com/beluga/mhys/newyear.jpg" imgbox-id="swiper-imgbox-15843" imgbox-index="2" style="box-sizing: border-box; height: auto; vertical-align: bottom; max-height: 100%; display: block; margin: auto; border-radius: inherit; outline-style: initial !important; outline-width: 0px !important;">新年背景图<img alt="WordPress子比主题美化教程—本文持续更新.-白鲸博客" title="WordPress子比主题美化教程—本文持续更新.-白鲸博客" src="https://pic.kuvsi.com/beluga/mhys/290d72139573-1024x459.png" imgbox-id="swiper-imgbox-15843" imgbox-index="3" style="box-sizing: border-box; height: auto; vertical-align: bottom; max-height: 100%; display: block; margin: auto; border-radius: inherit; outline-style: initial !important; outline-width: 0px !important;">背景图片美化演示</p></p></p></p><p class="wp-block-zibllblock-collapse" style="box-sizing: border-box; color: rgb(229, 238, 247); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 16px; background-color: rgb(50, 51, 53); outline: 0px !important;"><p class="panel" data-theme="panel" data-isshow="false" style="box-sizing: border-box; outline: 0px !important; margin-bottom: 20px; background: 0px 0px; border-width: 1px; border-style: solid; border-color: var(--main-border-color); border-image: initial; border-radius: var(--main-radius); box-shadow: none;"><p class="panel-heading" href="#collapse_17986" data-toggle="collapse" aria-controls="collapseExample" aria-expanded="true" style="box-sizing: border-box; outline: 0px !important; padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; cursor: pointer;"><span class="fa fa-plus" style="box-sizing: border-box; margin-right: 20px; color: var(--focus-color); transition: all 0.3s ease 0s; transform: rotate(-45deg); outline: 0px !important;"></span><span class="biaoti " style="box-sizing: border-box; outline: 0px !important; font-weight: 700;">4、侧边栏背景图片美化代码</span></p><p class="collapse in" id="collapse_17986" aria-expanded="true" style="box-sizing: border-box; outline: 0px !important;"><p class="panel-body" style="box-sizing: border-box; outline: 0px !important; padding: 15px;"><h2 id="wznav_10" style="box-sizing: border-box; overflow-wrap: break-word; font-family: inherit; line-height: 1.1; color: inherit; margin-top: 20px; margin-bottom: 20px; font-size: 18px; outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 14pt;"><span style="box-sizing: border-box; outline: 0px !important;">使用方法<span style="box-sizing: border-box; outline: 0px !important; color: rgb(255, 0, 0);">(只有移动端可以看得到)</span></span></span></h2><p style="box-sizing: border-box; overflow-wrap: break-word; margin-bottom: 20px; outline-style: initial !important; outline-width: 0px !important;">&nbsp; &nbsp; &nbsp; &nbsp;<span style="box-sizing: border-box; outline: 0px !important; font-weight: 700;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 10pt;">你只需在网站管理后台→主题设置→自定义代码→自定义</span>&nbsp;<span style="box-sizing: border-box; outline: 0px !important; font-size: 10pt;">css</span>&nbsp;<span style="box-sizing: border-box; outline: 0px !important; font-size: 10pt;">代码样式,把下面的</span>&nbsp;<span style="box-sizing: border-box; outline: 0px !important; font-size: 10pt;">CSS</span>&nbsp;<span style="box-sizing: border-box; outline: 0px !important; font-size: 10pt;">代码复制粘贴到里面即可。</span></span><span style="box-sizing: border-box; outline: 0px !important; font-weight: 700; font-size: 10pt; color: initial;">(如果需要换背景把下面https://pic.kuvsi.com/kuvsi/h4.jpg这行替换你的背景图片即可)</span></p><h1 class="wp-block-zibllblock-biaoti title-theme" id="wznav_11" style="box-sizing: border-box; overflow-wrap: break-word; font-size: 20px; margin-top: 20px; margin-bottom: 20px; font-family: inherit; line-height: 1.1; color: var(--theme-color); position: relative; padding-top: 0.1em; padding-bottom: 0.1em; padding-left: 1.1em; border: none; outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 14pt; color: rgb(255, 0, 0);">自定义 CSS 样式:</span></h1><pre class="wp-block-zibllblock-enlighter" style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 13px; padding: 0px; margin-top: 0px; margin-bottom: 0px; line-height: 1.42857; color: var(--main-color); overflow-wrap: break-word; background: 0px 0px; border-width: initial; border-style: none; border-left-color: initial; border-radius: 4px; outline-style: initial !important; outline-width: 0px !important;"><p class="enlighter-default enlighter-v-standard enlighter-t-dracula enlighter-hover enlighter-linenumbers enlighter-overflow-scroll" style="box-sizing: border-box; line-height: 1.4; overflow: hidden; white-space: pre-wrap; overflow-wrap: break-word; margin: 0px 0px 20px; padding: 0px; position: relative; direction: ltr; border-radius: 8px; background-color: rgb(45, 46, 49); color: rgb(126, 155, 245); outline: 0px !important;"><p class="enlighter-toolbar" style="box-sizing: border-box; outline: 0px !important; opacity: 0; position: absolute; right: 10px; top: 8px; z-index: 10; transition: all 0.2s ease 0s;"><p class="enlighter-btn enlighter-btn-raw" style="box-sizing: border-box; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 14px; line-height: 1; font-family: FontAwesome; border-radius: 4px; display: inline-block; transition: all 0.15s ease 0s; padding: 0.3em 0.6em; background: rgba(57, 60, 66, 0.87); color: rgb(102, 102, 102); margin-left: 6px; cursor: pointer; outline: 0px !important;"></p><p class="enlighter-btn enlighter-btn-copy" style="box-sizing: border-box; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 14px; line-height: 1; font-family: FontAwesome; border-radius: 4px; display: inline-block; transition: all 0.15s ease 0s; padding: 0.3em 0.6em; background: rgba(57, 60, 66, 0.87); color: rgb(102, 102, 102); margin-left: 6px; cursor: pointer; outline: 0px !important;"></p><p class="enlighter-btn enlighter-btn-window" style="box-sizing: border-box; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 14px; line-height: 1; font-family: FontAwesome; border-radius: 4px; display: inline-block; transition: all 0.15s ease 0s; padding: 0.3em 0.6em; background: rgba(57, 60, 66, 0.87); color: rgb(102, 102, 102); margin-left: 6px; cursor: pointer; outline: 0px !important;"></p></p><p class="enlighter" style="box-sizing: border-box; width: 752px; border-collapse: collapse; border-spacing: 0px; padding: 12px 0px; empty-cells: show; min-width: 100%; font-size: 10px; margin: 0px; counter-reset: enlighter 0; max-height: 400px; overflow-x: auto; outline: 0px !important; overflow-y: auto !important; overflow-wrap: normal !important;"><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-c1" style="box-sizing: border-box; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; outline: 0px !important;">/*侧边栏背景开始*/</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span><span class="enlighter-c1" style="box-sizing: border-box; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; outline: 0px !important;">/*天行资源网(ziyuan.hacosky.com)*/</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">@media </span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">max-width</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: </span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">767px</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">){</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span><span class="enlighter-x11" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(80, 250, 123); font-weight: 700;">.mobile-navbar</span><span class="enlighter-x11" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(80, 250, 123); font-weight: 700;">.show</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">,</span><span class="enlighter-x11" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(80, 250, 123); font-weight: 700;">.mobile-navbar</span><span class="enlighter-x11" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(80, 250, 123); font-weight: 700;">.left</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">{</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">background-size</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: cover;</span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">background-repeat</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: no-repeat;</span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">background-position</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: center center;</span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">cursor</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: pointer;</span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 881.575px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">background-image</span><span class="enlighter-x15" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(255, 184, 108); font-style: italic;">:linear-gradient</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">rgba</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">255</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">, </span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">255</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">,</span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">255</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">,</span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">0</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">)</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">,rgba</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">255</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">,</span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">255</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">,</span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">255</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">, </span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">0.</span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">3</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">))</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">,</span><span class="enlighter-m0" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253);">url</span><span class="enlighter-s0" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(241, 250, 140);">(https://pic.kuvsi.com/kuvsi/h4.jpg)</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">;</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">}</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-x11" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(80, 250, 123); font-weight: 700;">.mobile-nav-widget</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-x11" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(80, 250, 123); font-weight: 700;">.box-body</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">{</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">background</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: var</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">--muted-border-color</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">)</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> !important;</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">}</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">}</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span><span class="enlighter-c1" style="box-sizing: border-box; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; outline: 0px !important;">/*天行资源网(ziyuan.hacosky.com)*/</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span><span class="enlighter-c1" style="box-sizing: border-box; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; outline: 0px !important;">/*侧边栏背景结束*/</span></p></p></p></p></pre><img alt="WordPress子比主题美化教程—本文持续更新.-白鲸博客" title="WordPress子比主题美化教程—本文持续更新.-白鲸博客" src="https://pic.kuvsi.com/beluga/mhys/4b5b170783dbdf3a.jpg" imgbox-id="swiper-imgbox-15843" imgbox-index="4" style="box-sizing: border-box; height: auto; vertical-align: bottom; max-height: 100%; display: block; margin: auto; border-radius: inherit; outline-style: initial !important; outline-width: 0px !important;">侧边栏美化图片演示</p></p></p></p><p class="wp-block-zibllblock-collapse" style="box-sizing: border-box; color: rgb(229, 238, 247); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 16px; background-color: rgb(50, 51, 53); outline: 0px !important;"><p class="panel" data-theme="panel" data-isshow="false" style="box-sizing: border-box; outline: 0px !important; margin-bottom: 20px; background: 0px 0px; border-width: 1px; border-style: solid; border-color: var(--main-border-color); border-image: initial; border-radius: var(--main-radius); box-shadow: none;"><p class="panel-heading" href="#collapse_10043" data-toggle="collapse" aria-controls="collapseExample" aria-expanded="true" style="box-sizing: border-box; outline: 0px !important; padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; cursor: pointer;"><span class="fa fa-plus" style="box-sizing: border-box; margin-right: 20px; color: var(--focus-color); transition: all 0.3s ease 0s; transform: rotate(-45deg); outline: 0px !important;"></span><span class="biaoti " style="box-sizing: border-box; outline: 0px !important; font-weight: 700;">5、导航栏LOGO扫光圈代码</span></p><p class="collapse in" id="collapse_10043" aria-expanded="true" style="box-sizing: border-box; outline: 0px !important;"><p class="panel-body" style="box-sizing: border-box; outline: 0px !important; padding: 15px;"><h2 id="wznav_12" style="box-sizing: border-box; overflow-wrap: break-word; font-family: inherit; line-height: 1.1; color: inherit; margin-top: 20px; margin-bottom: 20px; font-size: 18px; outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 14pt;"><span style="box-sizing: border-box; outline: 0px !important;">使用方法<span style="box-sizing: border-box; outline: 0px !important; color: rgb(255, 0, 0);">(效果看本站LOGO处)</span></span></span></h2><p style="box-sizing: border-box; overflow-wrap: break-word; margin-bottom: 20px; outline-style: initial !important; outline-width: 0px !important;">&nbsp; &nbsp; &nbsp; &nbsp;<span style="box-sizing: border-box; outline: 0px !important; font-weight: 700;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 10pt;">你只需在网站管理后台→主题设置→自定义代码→自定义 CSS 代码样式,把下面的 CSS 代码复制粘贴到里面即可。(可以查看本站导航栏)</span></span></p><h1 class="wp-block-zibllblock-biaoti title-theme" id="wznav_13" style="box-sizing: border-box; overflow-wrap: break-word; font-size: 20px; margin-top: 20px; margin-bottom: 20px; font-family: inherit; line-height: 1.1; color: var(--theme-color); position: relative; padding-top: 0.1em; padding-bottom: 0.1em; padding-left: 1.1em; border: none; outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 14pt; color: rgb(255, 0, 0);">自定义 CSS 样式:</span></h1><pre class="wp-block-zibllblock-enlighter" style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 13px; padding: 0px; margin-top: 0px; margin-bottom: 0px; line-height: 1.42857; color: var(--main-color); overflow-wrap: break-word; background: 0px 0px; border-width: initial; border-style: none; border-left-color: initial; border-radius: 4px; outline-style: initial !important; outline-width: 0px !important;"><p class="enlighter-default enlighter-v-standard enlighter-t-dracula enlighter-hover enlighter-linenumbers enlighter-overflow-scroll" style="box-sizing: border-box; line-height: 1.4; overflow: hidden; white-space: pre-wrap; overflow-wrap: break-word; margin: 0px 0px 20px; padding: 0px; position: relative; direction: ltr; border-radius: 8px; background-color: rgb(45, 46, 49); color: rgb(126, 155, 245); outline: 0px !important;"><p class="enlighter-toolbar" style="box-sizing: border-box; outline: 0px !important; opacity: 0; position: absolute; right: 10px; top: 8px; z-index: 10; transition: all 0.2s ease 0s;"><p class="enlighter-btn enlighter-btn-raw" style="box-sizing: border-box; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 14px; line-height: 1; font-family: FontAwesome; border-radius: 4px; display: inline-block; transition: all 0.15s ease 0s; padding: 0.3em 0.6em; background: rgba(57, 60, 66, 0.87); color: rgb(102, 102, 102); margin-left: 6px; cursor: pointer; outline: 0px !important;"></p><p class="enlighter-btn enlighter-btn-copy" style="box-sizing: border-box; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 14px; line-height: 1; font-family: FontAwesome; border-radius: 4px; display: inline-block; transition: all 0.15s ease 0s; padding: 0.3em 0.6em; background: rgba(57, 60, 66, 0.87); color: rgb(102, 102, 102); margin-left: 6px; cursor: pointer; outline: 0px !important;"></p><p class="enlighter-btn enlighter-btn-window" style="box-sizing: border-box; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 14px; line-height: 1; font-family: FontAwesome; border-radius: 4px; display: inline-block; transition: all 0.15s ease 0s; padding: 0.3em 0.6em; background: rgba(57, 60, 66, 0.87); color: rgb(102, 102, 102); margin-left: 6px; cursor: pointer; outline: 0px !important;"></p></p><p class="enlighter" style="box-sizing: border-box; width: 752px; border-collapse: collapse; border-spacing: 0px; padding: 12px 0px; empty-cells: show; min-width: 100%; font-size: 10px; margin: 0px; counter-reset: enlighter 0; max-height: 400px; overflow-x: auto; outline: 0px !important; overflow-y: auto !important; overflow-wrap: normal !important;"><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-c1" style="box-sizing: border-box; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; outline: 0px !important;">/*导航栏扫光圈开始*/</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span><span class="enlighter-c1" style="box-sizing: border-box; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; outline: 0px !important;">/*天行资源网(ziyuan.hacosky.com)*/</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 5185.02px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span><span class="enlighter-x11" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(80, 250, 123); font-weight: 700;">.navbar-brand</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">{</span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">position</span><span class="enlighter-x15" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(255, 184, 108); font-style: italic;">:relative</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">;</span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">overflow</span><span class="enlighter-x15" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(255, 184, 108); font-style: italic;">:hidden</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">;</span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">margin</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: </span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">0px</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">0 </span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">0 </span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">0px</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">;</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">}</span><span class="enlighter-x11" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(80, 250, 123); font-weight: 700;">.navbar-brand</span><span class="enlighter-x15" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(255, 184, 108); font-style: italic;">:before</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">{</span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">content</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">:</span><span class="enlighter-s0" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(241, 250, 140);">""</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">; </span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">position</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: absolute; </span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">left</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: -</span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">665px</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">; </span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">top</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: -</span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">460px</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">; </span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">width</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: </span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">200px</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">; </span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">height</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: </span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">15px</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">; </span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">background-color</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: rgba</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">255</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">,</span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">255</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">,</span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">255</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">,</span><span class="enlighter-x11" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(80, 250, 123); font-weight: 700;">.5</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">)</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">; </span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">-webkit-transform</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: rotate</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">-</span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">45deg</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">)</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">; </span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">-moz-transform</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: rotate</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">-</span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">45deg</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">)</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">; </span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">-ms-transform</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: rotate</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">-</span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">45deg</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">)</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">; </span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">-o-transform</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: rotate</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">-</span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">45deg</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">)</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">; </span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">transform</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: rotate</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">-</span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">45deg</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">)</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">; </span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">-webkit-animation</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: searchLights </span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">6s</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> ease-in </span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">0s</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> infinite; </span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">-o-animation</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: searchLights </span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">6s</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> ease-in </span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">0s</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> infinite; </span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">animation</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: searchLights </span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">6s</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> ease-in </span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">0s</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> infinite;</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">}</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">@-moz-keyframes searchLights</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">{</span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">50%</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">{</span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">left</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: -</span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">100px</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">; </span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">top</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: </span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">0</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">;</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">}</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">65%</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">{</span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">left</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: </span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">120px</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">; </span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">top</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: </span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">100px</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">;</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">}}</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">@</span><span class="enlighter-k4" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253);">keyframes</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> searchLights</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">{</span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">40%</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">{</span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">left</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: -</span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">100px</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">; </span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">top</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: </span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">0</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">;</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">}</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">60%</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">{</span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">left</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: </span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">120px</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">; </span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">top</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: </span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">100px</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">;</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">}</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">80%</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">{</span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">left</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: -</span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">100px</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">; </span><span class="enlighter-x12" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-style: italic;">top</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">: </span><span class="enlighter-x13" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">0px</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">;</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">}}</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span><span class="enlighter-c1" style="box-sizing: border-box; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; outline: 0px !important;">/*天行资源网(ziyuan.hacosky.com)*/</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 707px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span><span class="enlighter-c1" style="box-sizing: border-box; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; outline: 0px !important;">/*导航栏扫光圈结束*/</span></p></p></p></p></pre></p></p></p></p><p class="wp-block-zibllblock-collapse" style="box-sizing: border-box; color: rgb(229, 238, 247); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 16px; background-color: rgb(50, 51, 53); outline: 0px !important;"><p class="panel" data-theme="panel" data-isshow="false" style="box-sizing: border-box; outline: 0px !important; margin-bottom: 20px; background: 0px 0px; border-width: 1px; border-style: solid; border-color: var(--main-border-color); border-image: initial; border-radius: var(--main-radius); box-shadow: none;"><p class="panel-heading" href="#collapse_11303" data-toggle="collapse" aria-controls="collapseExample" aria-expanded="true" style="box-sizing: border-box; outline: 0px !important; padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; cursor: pointer;"><span class="fa fa-plus" style="box-sizing: border-box; margin-right: 20px; color: var(--focus-color); transition: all 0.3s ease 0s; transform: rotate(-45deg); outline: 0px !important;"></span><span class="biaoti " style="box-sizing: border-box; outline: 0px !important; font-weight: 700;">6、网站左上角 FPS 帧率显示</span></p><p class="collapse in" id="collapse_11303" aria-expanded="true" style="box-sizing: border-box; outline: 0px !important;"><p class="panel-body" style="box-sizing: border-box; outline: 0px !important; padding: 15px;"><h2 id="wznav_14" style="box-sizing: border-box; overflow-wrap: break-word; font-family: inherit; line-height: 1.1; color: inherit; margin-top: 20px; margin-bottom: 20px; font-size: 18px; outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 14pt;">使用方法</span></span></h2><p style="box-sizing: border-box; overflow-wrap: break-word; margin-bottom: 20px; outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 10pt;"><span style="box-sizing: border-box; outline: 0px !important; font-weight: 700;">&nbsp; &nbsp; &nbsp; &nbsp;你只需在网站管理后台→主题设置→自定义代码→自定义 javascript 代码,把下面的 js 代码复制粘贴到里面即可。</span></span></p><h1 class="wp-block-zibllblock-biaoti title-theme" id="wznav_15" style="box-sizing: border-box; overflow-wrap: break-word; font-size: 20px; margin-top: 20px; margin-bottom: 20px; font-family: inherit; line-height: 1.1; color: var(--theme-color); position: relative; padding-top: 0.1em; padding-bottom: 0.1em; padding-left: 1.1em; border: none; outline-style: initial !important; outline-width: 0px !important;"><span style="box-sizing: border-box; outline: 0px !important; font-size: 14pt; color: rgb(255, 0, 0);">自定义 javascript 代码:</span></h1><pre class="wp-block-zibllblock-enlighter" style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 13px; padding: 0px; margin-top: 0px; margin-bottom: 0px; line-height: 1.42857; color: var(--main-color); overflow-wrap: break-word; background: 0px 0px; border-width: initial; border-style: none; border-left-color: initial; border-radius: 4px; outline-style: initial !important; outline-width: 0px !important;"><p class="enlighter-default enlighter-v-standard enlighter-t-dracula enlighter-hover enlighter-linenumbers enlighter-overflow-scroll" style="box-sizing: border-box; line-height: 1.4; overflow: hidden; white-space: pre-wrap; overflow-wrap: break-word; margin: 0px 0px 20px; padding: 0px; position: relative; direction: ltr; border-radius: 8px; background-color: rgb(45, 46, 49); color: rgb(126, 155, 245); outline: 0px !important;"><p class="enlighter-toolbar" style="box-sizing: border-box; outline: 0px !important; opacity: 0; position: absolute; right: 10px; top: 8px; z-index: 10; transition: all 0.2s ease 0s;"><p class="enlighter-btn enlighter-btn-raw" style="box-sizing: border-box; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 14px; line-height: 1; font-family: FontAwesome; border-radius: 4px; display: inline-block; transition: all 0.15s ease 0s; padding: 0.3em 0.6em; background: rgba(57, 60, 66, 0.87); color: rgb(102, 102, 102); margin-left: 6px; cursor: pointer; outline: 0px !important;"></p><p class="enlighter-btn enlighter-btn-copy" style="box-sizing: border-box; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 14px; line-height: 1; font-family: FontAwesome; border-radius: 4px; display: inline-block; transition: all 0.15s ease 0s; padding: 0.3em 0.6em; background: rgba(57, 60, 66, 0.87); color: rgb(102, 102, 102); margin-left: 6px; cursor: pointer; outline: 0px !important;"></p><p class="enlighter-btn enlighter-btn-window" style="box-sizing: border-box; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 14px; line-height: 1; font-family: FontAwesome; border-radius: 4px; display: inline-block; transition: all 0.15s ease 0s; padding: 0.3em 0.6em; background: rgba(57, 60, 66, 0.87); color: rgb(102, 102, 102); margin-left: 6px; cursor: pointer; outline: 0px !important;"></p></p><p class="enlighter" style="box-sizing: border-box; width: 752px; border-collapse: collapse; border-spacing: 0px; padding: 12px 0px; empty-cells: show; min-width: 100%; font-size: 10px; margin: 0px; counter-reset: enlighter 0; max-height: 400px; overflow-x: auto; outline: 0px !important; overflow-y: auto !important; overflow-wrap: normal !important;"><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-c0" style="box-sizing: border-box; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; outline: 0px !important;">// 网站左上角FPS 帧率显示开始</span><span class="enlighter-c0" style="box-sizing: border-box; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; outline: 0px !important;"></span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-c0" style="box-sizing: border-box; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; outline: 0px !important;">// </span>天行资源网(ziyuan.hacosky.com)<span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 795.7px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">$</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-s0" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(241, 250, 140);">'body'</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">)</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">.</span><span class="enlighter-m3" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253);">before</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-s0" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(241, 250, 140);">'&lt;div id="fps" style="z-index:10000;position:fixed;top:3;left:3;font-weight:bold;"&gt;&lt;/div&gt;'</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">)</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">;</span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span><span class="enlighter-k2" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(255, 121, 198); font-weight: 700;">var</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> showFPS = </span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-k0" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(255, 121, 198); font-weight: 700;">function</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">)</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">{</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-k2" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(255, 121, 198); font-weight: 700;">var</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> requestAnimationFrame = </span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-k9" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(80, 250, 123);">window</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">.</span><span class="enlighter-m3" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253);">requestAnimationFrame</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> || </span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-k9" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(80, 250, 123);">window</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">.</span><span class="enlighter-m3" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253);">webkitRequestAnimationFrame</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> || </span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-k9" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(80, 250, 123);">window</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">.</span><span class="enlighter-m3" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253);">mozRequestAnimationFrame</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> ||</span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-k9" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(80, 250, 123);">window</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">.</span><span class="enlighter-m3" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253);">oRequestAnimationFrame</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> ||</span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-k9" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(80, 250, 123);">window</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">.</span><span class="enlighter-m3" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253);">msRequestAnimationFrame</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> || </span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-k0" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(255, 121, 198); font-weight: 700;">function</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">callback</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">)</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">{</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-k9" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(80, 250, 123);">window</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">.</span><span class="enlighter-m3" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253);">setTimeout</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">callback, </span><span class="enlighter-n1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">1000</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">/</span><span class="enlighter-n1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">60</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">)</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">; </span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">}</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">; </span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-k2" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(255, 121, 198); font-weight: 700;">var</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> e,pe,pid,fps,last,offset,step,appendFps; </span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> fps = </span><span class="enlighter-n1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">0</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">; </span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> last = Date.</span><span class="enlighter-m3" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253);">now</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">)</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">; </span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> step = </span><span class="enlighter-k0" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(255, 121, 198); font-weight: 700;">function</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">)</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">{</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> offset = Date.</span><span class="enlighter-m3" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253);">now</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">)</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> - last; </span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> fps += </span><span class="enlighter-n1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">1</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">; </span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-k1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253); font-weight: 700;">if</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> offset &gt;= </span><span class="enlighter-n1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">1000</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">)</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">{</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> last += offset; </span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-m0" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253);">appendFps</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">fps</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">)</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">; </span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> fps = </span><span class="enlighter-n1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(189, 147, 249);">0</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">; </span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">}</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-m0" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253);">requestAnimationFrame</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> step </span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">)</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">; </span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">}</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">; </span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> appendFps = </span><span class="enlighter-k0" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(255, 121, 198); font-weight: 700;">function</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">fps</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">)</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">{</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-k9" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(80, 250, 123);">console</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">.</span><span class="enlighter-m3" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253);">log</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">fps+</span><span class="enlighter-s0" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(241, 250, 140);">'FPS'</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">)</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">;</span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> $</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-s0" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(241, 250, 140);">'#fps'</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">)</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">.</span><span class="enlighter-m3" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253);">html</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">fps+</span><span class="enlighter-s0" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(241, 250, 140);">'FPS'</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">)</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">;</span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">}</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">;</span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"> </span><span class="enlighter-m0" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(139, 233, 253);">step</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">)</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">;</span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);"></span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">}</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">)</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">(</span><span class="enlighter-g1" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242); font-weight: 700;">)</span><span class="enlighter-text" style="box-sizing: border-box; outline: 0px !important; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; color: rgb(248, 248, 242);">;</span><span class="enlighter-c0" style="box-sizing: border-box; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; outline: 0px !important;"></span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-c0" style="box-sizing: border-box; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; outline: 0px !important;">// </span>天行资源网(ziyuan.hacosky.com)<span class="enlighter-c0" style="box-sizing: border-box; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; outline: 0px !important;"></span></p></p><p class="" style="box-sizing: border-box; outline: 0px !important; margin: 0px; border: 0px solid rgb(255, 255, 255); list-style: none; font-size: inherit; line-height: 1.4; min-height: 14px; color: rgb(98, 114, 164);"><p style="box-sizing: border-box; outline: 0px !important; display: table-cell; width: 702.2px; padding-left: 10px; white-space: pre !important;"><span class="enlighter-c0" style="box-sizing: border-box; margin: 0px; padding: 0px; line-height: inherit; font-size: 13px; font-family: inherit; outline: 0px !important;">// 网站左上角FPS 帧率显示结束</span></p></p></p></p></pre><img alt="WordPress子比主题美化教程—本文持续更新.-白鲸博客" title="WordPress子比主题美化教程—本文持续更新.-白鲸博客" src="https://pic.kuvsi.com/beluga/mhys/IMG_20220322_033304.jpg" imgbox-id="swiper-imgbox-15843" imgbox-index="5" style="box-sizing: border-box; height: auto; vertical-align: bottom; max-height: 100%; display: block; margin: auto; border-radius: inherit; outline-style: initial !important; outline-width: 0px !important;">效果图</p></p></p></p>
 0   0  102天前
快速发帖 高级模式
Powered by HadSky 7.11.10
© 2015-2022 天宇科技-天宇网络
您的IP:3.236.107.249,2022-07-02 20:10:17,Processed in 0.04849 second(s).
Powered by HadSky
IT亿