Site updated: 2019-03-11 21:13:32

2018/08/27/Hexo-blog-topic-personalization/index.html

@@ -324,9 +324,9 @@
 <hr>
 <h1 id="–-添加卡通人物"><a href="#–-添加卡通人物" class="headerlink" title=" – 添加卡通人物 "></a><font color="#FF000"> – 添加卡通人物 </font></h1><p>我在逛别人博客的时候偶然发现右下角居然有一个萌萌的卡通人物，还能根据你鼠标位置摇头，瞬间被吸引到了，赶紧也给自己博客添加一个吧！<a href="https://github.com/EYHN/hexo-helper-live2d" target="_blank" rel="noopener">点击此处</a>进入该项目地址  </p>
 <p>输入如下命令获取 live2d ：</p>
-<figure class="highlight shell"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line"><span class="meta">$</span><span class="bash"> npm install --save hexo-helper-live2d</span></span><br></pre></td></tr></table></figure>
+<figure class="highlight shell"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line"><span class="meta">$</span> npm install --save hexo-helper-live2d</span><br></pre></td></tr></table></figure>
 <p>输入以下命令，下载相应的模型，将 <font color="#FF0000">packagename</font> 更换成模型名称即可，更多模型选择请<a href="https://github.com/xiazeyu/live2d-widget-models" target="_blank" rel="noopener">点击此处</a>，各个模型的预览请<a href="https://huaji8.top/post/live2d-plugin-2.0/" target="_blank" rel="noopener">访问原作者的博客</a>  </p>
-<figure class="highlight shell"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line"><span class="meta">$</span><span class="bash"> npm install packagename</span></span><br></pre></td></tr></table></figure>
+<figure class="highlight shell"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line"><span class="meta">$</span> npm install packagename</span><br></pre></td></tr></table></figure>
 <p>打开站点目录下的 <font color="#FF0000">_config.yml</font> 文件，添加如下代码：<br><figure class="highlight yaml"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br></pre></td><td class="code"><pre><span class="line"><span class="attr">live2d:</span></span><br><span class="line">	<span class="attr">enable:</span> <span class="literal">true</span></span><br><span class="line">	<span class="attr">scriptFrom:</span> <span class="string">local</span></span><br><span class="line">	<span class="attr">model:</span> </span><br><span class="line">		<span class="attr">use:</span> <span class="string">live2d-widget-model-haruto</span> <span class="comment">#模型选择</span></span><br><span class="line">	<span class="attr">display:</span> </span><br><span class="line">		<span class="attr">position:</span> <span class="string">right</span>  <span class="comment">#模型位置</span></span><br><span class="line">		<span class="attr">width:</span> <span class="number">150</span>       <span class="comment">#模型宽度</span></span><br><span class="line">		<span class="attr">height:</span> <span class="number">300</span>      <span class="comment">#模型高度</span></span><br><span class="line">	<span class="attr">mobile:</span> </span><br><span class="line">		<span class="attr">show:</span> <span class="literal">false</span>      <span class="comment">#是否在手机端显示</span></span><br></pre></td></tr></table></figure></p>
 <p>设置好过后我们就拥有了一个卡通人物<br><img src="https://i.imgur.com/LI7iFxx.png" alt=""></p>
 <h1 id="–-自定义鼠标指针样式"><a href="#–-自定义鼠标指针样式" class="headerlink" title=" – 自定义鼠标指针样式 "></a><font color="#FF0000"> – 自定义鼠标指针样式 </font></h1><p>在 <font color="#FF0000"> \themes\material-x\source\less\_main.less</font> 文件里写入如下代码：<br><figure class="highlight"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">cursor: url('https://trhx.top/images/mouse.cur'),auto;</span><br></pre></td></tr></table></figure></p>
@@ -385,7 +385,7 @@
 <h1 id="–-添加彩色滚动变换字体"><a href="#–-添加彩色滚动变换字体" class="headerlink" title=" – 添加彩色滚动变换字体 "></a><font color="#FF0000"> – 添加彩色滚动变换字体 </font></h1><p>在你想要添加彩色滚动变换字体的地方写入以下代码即可，其中文字可自行更改：<br><figure class="highlight xml"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br><span class="line">34</span><br><span class="line">35</span><br><span class="line">36</span><br><span class="line">37</span><br><span class="line">38</span><br><span class="line">39</span><br><span class="line">40</span><br><span class="line">41</span><br><span class="line">42</span><br></pre></td><td class="code"><pre><span class="line"><span class="tag">&lt;<span class="name">div</span> <span class="attr">id</span>=<span class="string">"binft"</span>&gt;</span><span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="undefined"></span></span><br><span class="line"><span class="javascript">    <span class="keyword">var</span> binft = <span class="function"><span class="keyword">function</span> (<span class="params">r</span>) </span>&#123;</span></span><br><span class="line"><span class="javascript">      <span class="function"><span class="keyword">function</span> <span class="title">t</span>(<span class="params"></span>) </span>&#123;</span></span><br><span class="line"><span class="javascript">        <span class="keyword">return</span> b[<span class="built_in">Math</span>.floor(<span class="built_in">Math</span>.random() * b.length)]</span></span><br><span class="line"><span class="undefined">      &#125;  </span></span><br><span class="line"><span class="javascript">      <span class="function"><span class="keyword">function</span> <span class="title">e</span>(<span class="params"></span>) </span>&#123;</span></span><br><span class="line"><span class="javascript">        <span class="keyword">return</span> <span class="built_in">String</span>.fromCharCode(<span class="number">94</span> * <span class="built_in">Math</span>.random() + <span class="number">33</span>)</span></span><br><span class="line"><span class="undefined">      &#125;</span></span><br><span class="line"><span class="javascript">      <span class="function"><span class="keyword">function</span> <span class="title">n</span>(<span class="params">r</span>) </span>&#123;</span></span><br><span class="line"><span class="javascript">        <span class="keyword">for</span> (<span class="keyword">var</span> n = <span class="built_in">document</span>.createDocumentFragment(), i = <span class="number">0</span>; r &gt; i; i++) &#123;</span></span><br><span class="line"><span class="javascript">          <span class="keyword">var</span> l = <span class="built_in">document</span>.createElement(<span class="string">"span"</span>);</span></span><br><span class="line"><span class="undefined">          l.textContent = e(), l.style.color = t(), n.appendChild(l)</span></span><br><span class="line"><span class="undefined">        &#125;</span></span><br><span class="line"><span class="javascript">        <span class="keyword">return</span> n</span></span><br><span class="line"><span class="undefined">      &#125;</span></span><br><span class="line"><span class="javascript">      <span class="function"><span class="keyword">function</span> <span class="title">i</span>(<span class="params"></span>) </span>&#123;</span></span><br><span class="line"><span class="javascript">        <span class="keyword">var</span> t = o[c.skillI];</span></span><br><span class="line"><span class="javascript">        c.step ? c.step-- : (c.step = g, c.prefixP &lt; l.length ? (c.prefixP &gt;= <span class="number">0</span> &amp;&amp; (c.text += l[c.prefixP]), c.prefixP++) : <span class="string">"forward"</span> === c.direction ? c.skillP &lt; t.length ? (c.text += t[c.skillP], c.skillP++) : c.delay ? c.delay-- : (c.direction = <span class="string">"backward"</span>, c.delay = a) : c.skillP &gt; <span class="number">0</span> ? (c.text = c.text.slice(<span class="number">0</span>, <span class="number">-1</span>), c.skillP--) : (c.skillI = (c.skillI + <span class="number">1</span>) % o.length, c.direction = <span class="string">"forward"</span>)), r.textContent = c.text, r.appendChild(n(c.prefixP &lt; l.length ? <span class="built_in">Math</span>.min(s, s + c.prefixP) : <span class="built_in">Math</span>.min(s, t.length - c.skillP))), setTimeout(i, d)</span></span><br><span class="line"><span class="undefined">      &#125;</span></span><br><span class="line"><span class="javascript">      <span class="keyword">var</span> l = <span class="string">""</span>,</span></span><br><span class="line"><span class="javascript">      o = [<span class="string">"青青陵上柏，磊磊涧中石。"</span>, <span class="string">"人生天地间，忽如远行客。"</span>,<span class="string">"斗酒相娱乐，聊厚不为薄。"</span>, <span class="string">"驱车策驽马，游戏宛与洛。"</span>,<span class="string">"洛中何郁郁，冠带自相索。"</span>,<span class="string">"长衢罗夹巷，王侯多第宅。"</span>,<span class="string">"两宫遥相望，双阙百余尺。"</span>,<span class="string">"极宴娱心意，戚戚何所迫？"</span>].map(<span class="function"><span class="keyword">function</span> (<span class="params">r</span>) </span>&#123;</span></span><br><span class="line"><span class="javascript">      <span class="keyword">return</span> r + <span class="string">""</span></span></span><br><span class="line"><span class="undefined">      &#125;),</span></span><br><span class="line"><span class="undefined">      a = 2,</span></span><br><span class="line"><span class="undefined">      g = 1,</span></span><br><span class="line"><span class="undefined">      s = 5,</span></span><br><span class="line"><span class="undefined">      d = 75,</span></span><br><span class="line"><span class="javascript">      b = [<span class="string">"rgb(110,64,170)"</span>, <span class="string">"rgb(150,61,179)"</span>, <span class="string">"rgb(191,60,175)"</span>, <span class="string">"rgb(228,65,157)"</span>, <span class="string">"rgb(254,75,131)"</span>, <span class="string">"rgb(255,94,99)"</span>, <span class="string">"rgb(255,120,71)"</span>, <span class="string">"rgb(251,150,51)"</span>, <span class="string">"rgb(226,183,47)"</span>, <span class="string">"rgb(198,214,60)"</span>, <span class="string">"rgb(175,240,91)"</span>, <span class="string">"rgb(127,246,88)"</span>, <span class="string">"rgb(82,246,103)"</span>, <span class="string">"rgb(48,239,130)"</span>, <span class="string">"rgb(29,223,163)"</span>, <span class="string">"rgb(26,199,194)"</span>, <span class="string">"rgb(35,171,216)"</span>, <span class="string">"rgb(54,140,225)"</span>, <span class="string">"rgb(76,110,219)"</span>, <span class="string">"rgb(96,84,200)"</span>],</span></span><br><span class="line"><span class="undefined">      c = &#123;</span></span><br><span class="line"><span class="javascript">        text: <span class="string">""</span>,</span></span><br><span class="line"><span class="undefined">        prefixP: -s,</span></span><br><span class="line"><span class="undefined">        skillI: 0,</span></span><br><span class="line"><span class="undefined">        skillP: 0,</span></span><br><span class="line"><span class="javascript">        direction: <span class="string">"forward"</span>,</span></span><br><span class="line"><span class="undefined">        delay: a,</span></span><br><span class="line"><span class="undefined">        step: g</span></span><br><span class="line"><span class="undefined">      &#125;;</span></span><br><span class="line"><span class="undefined">      i()</span></span><br><span class="line"><span class="undefined">      &#125;;</span></span><br><span class="line"><span class="javascript">      binft(<span class="built_in">document</span>.getElementById(<span class="string">'binft'</span>));</span></span><br><span class="line"><span class="undefined">  </span><span class="tag">&lt;/<span class="name">script</span>&gt;</span></span><br></pre></td></tr></table></figure></p>
 <p>最终效果：<br><img src="https://i.imgur.com/6s4XoTZ.gif" alt=""></p>
 <h1 id="–-添加字数统计和阅读时长"><a href="#–-添加字数统计和阅读时长" class="headerlink" title=" – 添加字数统计和阅读时长 "></a><font color="#FF0000"> – 添加字数统计和阅读时长 </font></h1><p>先在博客目录下执行以下命令安装 <font color="#FF0000">hexo-wordcount</font> 插件：</p>
-<figure class="highlight shell"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line"><span class="meta">$</span><span class="bash"> npm i --save hexo-wordcount</span></span><br></pre></td></tr></table></figure>
+<figure class="highlight shell"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line"><span class="meta">$</span> npm i --save hexo-wordcount</span><br></pre></td></tr></table></figure>
 <p>之后在 <font color="#FF0000">\themes\hexo-theme-spfk\layout\_partial\post</font> 目录下创建 <font color="#FF0000">word.ejs</font> 文件，在 <font color="#FF0000">word.ejs</font> 文件中写入以下代码：</p>
 <figure class="highlight html"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br></pre></td><td class="code"><pre><span class="line"><span class="tag">&lt;<span class="name">div</span> <span class="attr">style</span>=<span class="string">"margin-top:10px;"</span>&gt;</span></span><br><span class="line">    <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"post-time"</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"post-meta-item-icon"</span>&gt;</span></span><br><span class="line">        <span class="tag">&lt;<span class="name">i</span> <span class="attr">class</span>=<span class="string">"fa fa-keyboard-o"</span>&gt;</span><span class="tag">&lt;/<span class="name">i</span>&gt;</span></span><br><span class="line">        <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"post-meta-item-text"</span>&gt;</span>  字数统计: <span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">        <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"post-count"</span>&gt;</span><span class="tag">&lt;<span class="name">%=</span> <span class="attr">wordcount</span>(<span class="attr">post.content</span>) %&gt;</span>字<span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">    <span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line"></span><br><span class="line">    <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"post-time"</span>&gt;</span></span><br><span class="line">      &amp;nbsp; | &amp;nbsp;</span><br><span class="line">      <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"post-meta-item-icon"</span>&gt;</span></span><br><span class="line">        <span class="tag">&lt;<span class="name">i</span> <span class="attr">class</span>=<span class="string">"fa fa-hourglass-half"</span>&gt;</span><span class="tag">&lt;/<span class="name">i</span>&gt;</span></span><br><span class="line">        <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"post-meta-item-text"</span>&gt;</span>  阅读时长: <span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">        <span class="tag">&lt;<span class="name">span</span> <span class="attr">class</span>=<span class="string">"post-count"</span>&gt;</span><span class="tag">&lt;<span class="name">%=</span> <span class="attr">min2read</span>(<span class="attr">post.content</span>) %&gt;</span>分<span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line">    <span class="tag">&lt;/<span class="name">span</span>&gt;</span></span><br><span class="line"><span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br></pre></td></tr></table></figure>
 <p>然后在 <font color="#FF0000">\themes\hexo-theme-spfk\layout\_partial\article.ejs</font> 中适当位置添加以下代码：<br><img src="https://i.imgur.com/vWhZElo.png" alt=""></p>
@@ -434,7 +434,7 @@
 <li><a href="https://www.seniverse.com/widget/get" target="_blank" rel="noopener">https://www.seniverse.com/widget/get</a> 心知天气提供基于Web的免费天气插件，可以为你的网站添加一项简洁美观的天气预报功能，并自动适配PC和手机上的浏览</li>
 </ul>
 <h1 id="–-添加RSS订阅"><a href="#–-添加RSS订阅" class="headerlink" title=" – 添加RSS订阅 "></a><font color="#FF0000"> – 添加RSS订阅 </font></h1><p>RSS订阅是站点用来和其他站点之间共享内容的一种简易方式，即Really Simple Syndication（简易信息聚合），如果不会使用，可以参见百度百科：<a href="https://baike.baidu.com/item/RSS%E8%AE%A2%E9%98%85/663114" target="_blank" rel="noopener">https://baike.baidu.com/item/RSS%E8%AE%A2%E9%98%85/663114</a> ；首先我们安装feed插件，在本地hexo目录下右键<code>git bash here</code>，输入以下命令：</p>
-<figure class="highlight shell"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line"><span class="meta">$</span><span class="bash"> npm install hexo-generator-feed</span></span><br></pre></td></tr></table></figure>
+<figure class="highlight shell"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line"><span class="meta">$</span> npm install hexo-generator-feed</span><br></pre></td></tr></table></figure>
 <p>等待安装完成后，打开hexo目录下配置文件的<code>_config.yml</code>，在末尾添加以下配置：</p>
 <figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br></pre></td><td class="code"><pre><span class="line"># Extensions</span><br><span class="line">## Plugins: http://hexo.io/plugins/</span><br><span class="line">#RSS订阅</span><br><span class="line">plugin:</span><br><span class="line">- hexo-generator-feed</span><br><span class="line">#Feed Atom</span><br><span class="line">feed:</span><br><span class="line">type: atom</span><br><span class="line">path: atom.xml</span><br><span class="line">limit: 20</span><br></pre></td></tr></table></figure>
 <p>随后打开主题配置文件<code>_config.yml</code>，添加以下配置：</p>

style.css

-@charset "utf-8";@font-face{font-family:'SourceSansPro';src:url(https://cdn.jsdelivr.net/gh/xaoxuu/cdn-fonts@19.1.7/SourceSansPro/SourceSansPro-Semibold.ttf);font-weight:normal;font-style:normal}@font-face{font-family:'Monaco';src:url(https://cdn.jsdelivr.net/gh/xaoxuu/cdn-fonts@19.1.7/Monaco/Monaco.ttf);font-weight:normal;font-style:normal}@font-face{font-family:'Skranji';src:url(https://cdn.jsdelivr.net/gh/xaoxuu/cdn-fonts@19.1.7/Skranji/Skranji-Regular.ttf);font-weight:normal;font-style:normal}/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;width:100%}table th{background-color:#f2f2f2}table td,table th{padding:4px 8px;border:1px solid #EFEFEF}td,th{padding:0}*{box-sizing:border-box;outline:none;margin:0;padding:0}html{color:#555555;width:100%;height:100%;padding-top:55px;font-family:'SourceSansPro',Menlo,Monaco,monospace,"Lucida Console",sans-serif,"Source Sans Pro","Helvetica Neue",Helvetica,"Hiragino Sans GB","Hiragino Sans GB W3",Source Han Sans CN Regular,WenQuanYi Micro Hei,"Microsoft YaHei",Arial,sans-serif;font-size:18px;line-height:1.5rem;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-rendering:optimizelegibility;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{background-color:#EFEFEF}body.modal-active{overflow:hidden}@media (max-width:680px){body.modal-active{position:fixed;top:0;right:0;bottom:0;left:0}}body.z_menu-open .menu-phone{-webkit-transform:translate3d(-20px, 0, 0);transform:translate3d(-20px, 0, 0)}.z-depth-nav,.l_header,#u-search .modal .modal-header{box-shadow:0 1px 2px 0 rgba(0,0,0,0.24),0 3px 6px 0 rgba(0,0,0,0.1)}.z-depth-nav-raised,#u-search .modal .modal-header:hover{box-shadow:0 2px 4px 0 rgba(0,0,0,0.1),0 4px 8px 0 rgba(0,0,0,0.1),0 8px 16px 0 rgba(0,0,0,0.1),0 16px 32px 0 rgba(0,0,0,0.1)}.z-depth-main,.l_main .post,.l_side section{box-shadow:0 1px 2px 0 rgba(0,0,0,0.1),0 2px 4px 0 rgba(0,0,0,0.1)}.z-depth-main-raised{box-shadow:0 2px 4px 0 rgba(0,0,0,0.1),0 4px 8px 0 rgba(0,0,0,0.1),0 8px 16px 0 rgba(0,0,0,0.1),0 16px 32px 0 rgba(0,0,0,0.1)}.z-depth-0{box-shadow:0 1px 4px 0 rgba(0,0,0,0.07)}.z-depth-1{box-shadow:0 2px 4px 0 rgba(0,0,0,0.08),0 2px 4px 0 rgba(0,0,0,0.1)}.z-depth-1-half{box-shadow:0 2px 3px 0 rgba(0,0,0,0.4),0 0 8px 0 rgba(0,0,0,0.2)}.z-depth-2{box-shadow:0 4px 8px 0 rgba(0,0,0,0.1),0 3px 10px 0 rgba(0,0,0,0.1)}.z-depth-3{box-shadow:0 6px 10px 0 rgba(0,0,0,0.12),0 8px 25px 0 rgba(0,0,0,0.1)}.z-depth-4{box-shadow:0 8px 14px 0 rgba(0,0,0,0.11),0 12px 22px 0 rgba(0,0,0,0.11)}.z-depth-5{box-shadow:0 12px 12px 0 rgba(0,0,0,0.1),0 20px 33px 0 rgba(0,0,0,0.11)}.z-depth-0{box-shadow:0 1px 2px 0 rgba(0,0,0,0.08),0 2px 4px 0 rgba(0,0,0,0.08)}.hoverable{transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;box-shadow:0}.hoverable:hover{transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}::-moz-selection{background:#1BC3FB}::selection{background:#1BC3FB}h1,h2,h3,h4,h5,h6{-webkit-font-feature-settings:'dlig' 1,'liga' 1,'lnum' 1,'kern' 1;-moz-font-feature-settings:'dlig' 1,'liga' 1,'lnum' 1,'kern' 1;-o-font-feature-settings:'dlig' 1,'liga' 1,'lnum' 1,'kern' 1;text-rendering:geometricPrecision;margin:0 0 .4em 0}h1{font-size:27px}h2{font-size:25.2px}h3{font-size:21.6px}h4{font-size:19.8px}h5{font-size:18px}h6{font-size:15.75px}a{color:#444444;cursor:pointer;text-decoration:none;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}a:hover{text-decoration:none}pre{tab-size:4;-moz-tab-size:4;-o-tab-size:4;-webkit-tab-size:4}img{max-width:100%}.clearfix{zoom:1}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.container.clearfix{display:flex}@media (max-width:768px){.container.clearfix{display:inherit}}.hidden{text-indent:-9999px;visibility:hidden;display:none}.inner{position:relative;width:80%;max-width:710px;margin:0 auto}.vertical{display:table-cell;vertical-align:middle}.right{float:right}.left{float:left}.disable-trans{transition:none !important}.txt-ellipsis,.l_side section .content ul.entry>li>a .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}ul,ol{padding-left:0}li{list-style:none}.mark{position:relative}.mark a{color:#444444;display:inline-block;padding:0 8px;border-left:4px solid transparent;background:transparent;border-radius:8px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.mark a:hover{background:rgba(27,195,251,0.1);border-left:4px solid #1BC3FB;padding:8px}.mark a:active{border-left:8px solid #1BC3FB}ul.h-list{display:flex;align-items:center;height:100%}ul.h-list>li{height:100%;justify-content:center}#loading-bar-wrapper{position:fixed;top:0;left:0;width:100%;z-index:99999}#loading-bar{position:fixed;width:0;height:55px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;background-color:rgba(0,0,255,0.4)}#loading-bar.pure{background-color:rgba(0,0,255,0.4)}.container{position:relative;width:100%;max-width:1200px;margin:0 auto}.container--flex{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center}.l_body{position:relative;padding:40px 20px 20px}@media (max-width:580px){.l_body{padding:20px 0 20px;border-radius:0}}.l_body .s-top{transition:all .6s ease;-moz-transition:all .6s ease;-webkit-transition:all .6s ease;-o-transition:all .6s ease;z-index:9;position:fixed;width:48px;height:48px;line-height:48px;border-radius:100%;bottom:40px;right:40px;-webkit-transform:translateY(100px) scale(0);transform:translateY(100px) scale(0);-webkit-transform-origin:bottom;transform-origin:bottom}@media (max-width:768px){.l_body .s-top{right:20px}}.l_body .s-top.show{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}.l_body .s-top.show.hl{background:#1BC3FB;color:white;box-shadow:0 1px 2px 0 rgba(0,0,0,0.1),0 2px 4px 0 rgba(0,0,0,0.1)}@media (min-width:768px){.l_body .s-top:hover{-webkit-transform:scale(1.2);transform:scale(1.2);border-radius:25%;background:#1BC3FB;color:white;box-shadow:0 2px 4px 0 rgba(0,0,0,0.1),0 4px 8px 0 rgba(0,0,0,0.1),0 8px 16px 0 rgba(0,0,0,0.1),0 16px 32px 0 rgba(0,0,0,0.1)}.l_body .s-top:hover.hl{box-shadow:0 2px 4px 0 rgba(0,0,0,0.1),0 4px 8px 0 rgba(0,0,0,0.1),0 8px 16px 0 rgba(0,0,0,0.1),0 16px 32px 0 rgba(0,0,0,0.1)}}.l_header{position:fixed;z-index:9999;top:0;left:0;width:100%;font-size:18px;line-height:55px;height:55px;overflow:hidden;font-family:'SourceSansPro',Menlo,Monaco,monospace,"Lucida Console",sans-serif,"Source Sans Pro","Helvetica Neue",Helvetica,"Hiragino Sans GB","Hiragino Sans GB W3",Source Han Sans CN Regular,WenQuanYi Micro Hei,"Microsoft YaHei",Arial,sans-serif;font-weight:bold;padding:0 20px;background:#1BC3FB;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.l_header .wrapper{padding:auto 20px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.l_header .wrapper.sub{transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;-webkit-transform:translateY(-55px);transform:translateY(-55px)}@media (max-width:580px){.l_header .wrapper.sub .logo{transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;padding-left:20px;padding-right:0;font-size:18px}}.l_header .nav--main,.l_header .nav-sub{height:55px}.l_header,.l_header a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:55px;line-height:55px;color:white}.l_header .logo{padding:0 20px;line-height:55px;font-size:27px;font-family:Skranji,'SourceSansPro',Menlo,Monaco,monospace,"Lucida Console",sans-serif,"Source Sans Pro","Helvetica Neue",Helvetica,"Hiragino Sans GB","Hiragino Sans GB W3",Source Han Sans CN Regular,WenQuanYi Micro Hei,"Microsoft YaHei",Arial,sans-serif;letter-spacing:0}@media (max-width:580px){.l_header .logo{flex:auto}}.l_header .logo.img{padding:0 20px 0 0}.l_header .logo img{padding:0;height:100%}.l_header .nav-sub .logo{font-size:18px;font-family:'SourceSansPro',Menlo,Monaco,monospace,"Lucida Console",sans-serif,"Source Sans Pro","Helvetica Neue",Helvetica,"Hiragino Sans GB","Hiragino Sans GB W3",Source Han Sans CN Regular,WenQuanYi Micro Hei,"Microsoft YaHei",Arial,sans-serif}@media (max-width:580px){.l_header .nav-sub .logo{letter-spacing:-0.5px;padding-top:1px}}.l_header .menu{position:relative;flex:1 0 auto;height:55px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;margin:0 20px}.l_header .menu ul>li>a{transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;display:block;font-size:18px;color:rgba(255,255,255,0.7);padding:0 8px}.l_header .menu ul>li>a:hover{color:white;border-bottom:4px solid white;background:rgba(255,255,255,0.1)}.l_header .menu ul>li>a:active,.l_header .menu ul>li>a.active{color:white;border-bottom:4px solid white}@media (max-width:580px){.l_header .menu{display:none}}.l_header .switcher{display:none;font-size:18px;line-height:55px}.l_header .switcher>li{height:35px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;margin:2px}@media (max-width:580px){.l_header .switcher>li{width:35px;height:35px}}.l_header .switcher>li a{display:flex;justify-content:center;align-items:center;width:35px;height:35px;border-radius:100px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.l_header .switcher>li a:hover{background:rgba(255,255,255,0.3)}@media (max-width:580px){.l_header .switcher>li a{width:35px;height:35px}}@media (max-width:580px){.l_header .switcher{display:flex;padding-left:10px;padding-right:14px}}.l_header .nav-sub .switcher{display:flex}.l_header .m_search{position:relative;height:35px;width:285px;line-height:35px;margin-top:10px;margin-bottom:10px;vertical-align:middle}@media (max-width:1024px){.l_header .m_search{width:240px}}.l_header .m_search .form{position:relative;display:block;width:100%}.l_header .m_search .icon,.l_header .m_search .input{transition:all .1s ease;-moz-transition:all .1s ease;-webkit-transition:all .1s ease;-o-transition:all .1s ease}.l_header .m_search .icon{position:absolute;display:block;height:35px;width:35px;line-height:35px;top:0;left:10px;font-size:15.75px}.l_header .m_search .input{display:block;font-size:15.75px;margin:0;width:100%;color:rgba(255,255,255,0.6);padding-left:36px;height:35px;line-height:35px;font-family:'SourceSansPro',Menlo,Monaco,monospace,"Lucida Console",sans-serif,"Source Sans Pro","Helvetica Neue",Helvetica,"Hiragino Sans GB","Hiragino Sans GB W3",Source Han Sans CN Regular,WenQuanYi Micro Hei,"Microsoft YaHei",Arial,sans-serif;border:none;border-radius:8px;background:rgba(255,255,255,0.15);box-sizing:border-box;-webkit-appearance:none;box-shadow:none;border:1px dashed transparent;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}@media (max-width:580px){.l_header .m_search .input{padding-left:36px}}.l_header .m_search .input~.icon{color:rgba(255,255,255,0.6)}.l_header .m_search .input::-webkit-input-placeholder{color:rgba(255,255,255,0.6)}.l_header .m_search .input:-moz-placeholder{color:rgba(255,255,255,0.6)}.l_header .m_search .input::-moz-placeholder{color:rgba(255,255,255,0.6)}.l_header .m_search .input:-ms-input-placeholder{color:rgba(255,255,255,0.6)}.l_header .m_search .input:hover{border:1px dashed rgba(255,255,255,0.6)}.l_header .m_search .input:focus{color:white;border:1px solid rgba(255,255,255,0.6)}.l_header .m_search .input:focus~.icon{color:white}.l_header.pure{background:white;box-shadow:0 1px 2px 0 rgba(0,0,0,0.1),0 2px 4px 0 rgba(0,0,0,0.1)}.l_header.pure,.l_header.pure a{color:#1BC3FB}.l_header.pure .menu ul>li>a{transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;color:rgba(27,195,251,0.7)}.l_header.pure .menu ul>li>a.current{border-bottom:55px solid rgba(27,195,251,0.8)}.l_header.pure .menu ul>li>a:hover{color:#1BC3FB;border-bottom:55px solid #1BC3FB;background:rgba(27,195,251,0.1)}.l_header.pure .menu ul>li>a:active,.l_header.pure .menu ul>li>a.active{color:#1BC3FB;border-bottom:55px solid #1BC3FB}.l_header.pure .switcher>li a:hover{background:rgba(27,195,251,0.15)}.l_header.pure .m_search .input{color:rgba(27,195,251,0.6);background:#EFEFEF}.l_header.pure .m_search .input~.icon{color:rgba(27,195,251,0.6)}.l_header.pure .m_search .input::-webkit-input-placeholder{color:rgba(27,195,251,0.6)}.l_header.pure .m_search .input:-moz-placeholder{color:rgba(27,195,251,0.6)}.l_header.pure .m_search .input::-moz-placeholder{color:rgba(27,195,251,0.6)}.l_header.pure .m_search .input:-ms-input-placeholder{color:rgba(27,195,251,0.6)}.l_header.pure .m_search .input:hover{border:1px dashed rgba(27,195,251,0.6)}.l_header.pure .m_search .input:focus{color:#1BC3FB;background:rgba(27,195,251,0.15);border:1px solid rgba(27,195,251,0.6)}.l_header.pure .m_search .input:focus~.icon{color:#1BC3FB}@media (max-width:580px){.l_header{padding:0}.l_header .m_search{width:0;overflow:hidden;position:absolute;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;margin:0 10px}.l_header.z_search-open .logo{opacity:0}.l_header.z_search-open .m_search{width:70%}}.menu-phone{position:fixed;top:75px;right:0;z-index:10000;line-height:40px;background:white;border-right:0;box-shadow:0 2px 4px 0 rgba(0,0,0,0.1),0 4px 8px 0 rgba(0,0,0,0.1),0 8px 16px 0 rgba(0,0,0,0.1),0 16px 32px 0 rgba(0,0,0,0.1);border-radius:8px;-webkit-transform:translate3d(-40px, -40px, 0) scale(0, 0);transform:translate3d(-40px, -40px, 0) scale(0, 0);-webkit-transform-origin:right top;transform-origin:right top;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.menu-phone .header{border-top-left-radius:8px;border-top-right-radius:8px;background-color:rgba(27,195,251,0.9);color:white;font-size:18px;line-height:1.8em;padding:8px 26px}.menu-phone:hover{box-shadow:0 2px 4px 0 rgba(0,0,0,0.1),0 4px 8px 0 rgba(0,0,0,0.1),0 8px 16px 0 rgba(0,0,0,0.1),0 16px 32px 0 rgba(0,0,0,0.1)}.menu-phone:active{box-shadow:0 1px 2px 0 rgba(0,0,0,0.1),0 2px 4px 0 rgba(0,0,0,0.1)}.menu-phone nav{padding:10px 0}.menu-phone nav .nav{height:36px;line-height:36px;position:relative;display:block;color:#444444;padding:2px 20px;border-left:4px solid transparent;border-right:4px solid transparent}.menu-phone nav .nav:hover,.menu-phone nav .nav.active{border-left:4px solid #1BC3FB;background:rgba(27,195,251,0.1)}.l_main{width:calc(100% - 1 * 285px);padding-right:20px;float:left;cursor:url('https://cdn.jsdelivr.net/gh/TRHX/CDN-for-trhx.top@1.0/images/mouse.cur'),auto}@media (max-width:1024px){.l_main{width:calc(100% - 1 * 240px)}}@media (max-width:768px){.l_main{width:100%}}.l_main .post-list{position:relative;margin:0px auto;-webkit-column-gap:0;column-gap:0;margin:-10px}@media (max-width:580px){.l_main .post-list{margin:0}}.l_main #comments{position:relative}@media (max-width:580px){}.l_main #comments #valine_container p{line-height:1.7}.l_main #comments #valine_container .info{display:none}.l_main #comments #valine_container .vwrap{border-radius:8px;border-style:dashed;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.l_main #comments #valine_container .vwrap:hover{border:1px dashed #1bc3fb}.l_main #comments #valine_container .vwrap .vheader .vinput:hover{border-bottom:1px dashed #1BC3FB}.l_main #comments #valine_container .vwrap .vheader .vinput:focus{border-bottom:1px solid #1BC3FB}.l_main #comments #valine_container .vwrap .vedit .vctrl span{color:#1BC3FB;padding:0;margin:10px}.l_main #comments #valine_container button{border:none;padding-left:2.4em;padding-right:2.4em;font-weight:bold;background-color:#1BC3FB;color:white;border-radius:4px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.l_main #comments #valine_container button:hover{background:#04a8df}.l_main #comments #valine_container blockquote{padding:20px;border-left:4px solid #1BC3FB;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.l_main #comments #valine_container blockquote p{text-align:left;word-wrap:normal;margin:0;font-size:15.75px;line-height:23.625px}.l_main #comments #valine_container pre code{border:none}.l_main #comments #valine_container code{font-family:Menlo,Monaco,monospace,"Lucida Console",'Source Code Pro',"Microsoft YaHei",Helvetica,Arial,sans-serif,'Ubuntu';font-size:14.4px;color:rgba(85,85,85,0.9)}.l_main #comments #valine_container a,.l_main #comments #valine_container .vemoji-btn,.l_main #comments #valine_container .vpreview-btn{color:#ff5722;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.l_main #comments #valine_container a:hover,.l_main #comments #valine_container .vemoji-btn:hover,.l_main #comments #valine_container .vpreview-btn:hover{color:#1BC3FB;text-decoration:underline}.l_main #comments #valine_container a:active,.l_main #comments #valine_container .vemoji-btn:active,.l_main #comments #valine_container .vpreview-btn:active{color:#037094}.l_main #comments #valine_container .vhead span.vnick{color:rgba(85,85,85,0.9)}.l_main #comments #valine_container .vhead a.vnick{color:#ff9800;font-weight:bold}.l_main #comments #valine_container .vhead a.vnick:hover{color:#1BC3FB;text-decoration:underline}.l_main #comments #valine_container .vmeta .vat{font-weight:bold;color:#1BC3FB;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.l_main #comments #valine_container .vmeta .vat:hover{color:#1BC3FB;text-decoration:underline}.l_main #comments #valine_container .vmeta .vat:active{color:#037094}.l_main #comments .vemojis{justify-content:space-between}.l_main #comments .vemojis i{width:auto;height:36px;padding:0;margin:8px 8px 0 8px}.l_main #comments .vemojis i .emoji{height:24px;margin-top:6px}.l_main #comments p .emoji{display:inline;height:28px}.l_main .post-wrapper{column-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid-column}.l_main .post-wrapper{padding:10px}.l_main .post-wrapper .post{padding:30px 20px}.l_main .post-wrapper .post .meta{margin-bottom:20px}.l_main .post-wrapper .post .meta .title{font-size:25.2px}.l_main .post-wrapper .post .full-width{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px;width:calc(100% + 2 * 20px)}.l_main .post-wrapper .post .auto-padding{padding-left:20px;padding-right:20px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;overflow:auto}.l_main .post-wrapper .post .highlight{margin-left:0;margin-right:0;width:calc(100% - 0 * 20px)}@media (max-width:580px){.l_main .post-wrapper .post .highlight{margin-left:0;margin-right:0;width:calc(100% - 0 * 20px)}.l_main .post-wrapper .post .auto-padding{padding-left:20px;padding-right:20px;border-bottom-left-radius:0;border-bottom-right-radius:0}}.l_main .post-wrapper .tags{margin-bottom:-30px}@media (max-width:580px){.l_main .post-wrapper{padding:0 0 20px 0}}.l_main .post{position:relative;margin:0 auto;padding:40px 30px;background:white;border-radius:8px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.l_main .post h1{font-weight:normal;font-size:32.4px;line-height:1.7;color:#555555}.l_main .post:hover{box-shadow:0 2px 4px 0 rgba(0,0,0,0.1),0 4px 8px 0 rgba(0,0,0,0.1),0 8px 16px 0 rgba(0,0,0,0.1),0 16px 32px 0 rgba(0,0,0,0.1)}.l_main .post:active{box-shadow:0 1px 2px 0 rgba(0,0,0,0.1),0 2px 4px 0 rgba(0,0,0,0.1)}@media (max-width:580px){.l_main .post{border-radius:0}.l_main .post:hover{box-shadow:0 1px 2px 0 rgba(0,0,0,0.1),0 2px 4px 0 rgba(0,0,0,0.1)}}.l_main .post .tags a{color:rgba(85,85,85,0.7)}.l_main .post .meta{color:rgba(85,85,85,0.7);font-size:14.9625px}.l_main .post .meta#header-meta{margin-top:0;margin-bottom:20px}.l_main .post .meta#footer-meta{margin-top:40px;margin-bottom:10px}.l_main .post .meta .aplayer{transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;width:65px;height:65px;border-radius:100%;float:right;margin:4px;box-shadow:0 1px 2px 0 rgba(0,0,0,0.1),0 2px 4px 0 rgba(0,0,0,0.1)}.l_main .post .meta .aplayer:hover{border-radius:25%;-webkit-transform:scale(1.1);transform:scale(1.1);box-shadow:0 2px 4px 0 rgba(0,0,0,0.1),0 4px 8px 0 rgba(0,0,0,0.1),0 8px 16px 0 rgba(0,0,0,0.1),0 16px 32px 0 rgba(0,0,0,0.1)}@media (max-width:580px){.l_main .post .meta .aplayer:hover{border-radius:100%;-webkit-transform:scale(1);transform:scale(1);box-shadow:0 1px 2px 0 rgba(0,0,0,0.1),0 2px 4px 0 rgba(0,0,0,0.1)}}.l_main .post .meta .title{left:0;font-size:32.4px}@media (max-width:580px){.l_main .post .meta .title{font-size:25.2px}}.l_main .post .meta .title a{display:inline;line-height:1.7;font-weight:normal;color:#555555;text-decoration:none;font-size:32.4px}@media (max-width:580px){.l_main .post .meta .title a{font-size:25.2px}}.l_main .post .meta .title a:hover{color:#1BC3FB}.l_main .post .meta .tags{display:inline-flex;background:transparent;word-spacing:normal}.l_main .post .meta .metatag{transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;font-size:14.9625px;line-height:29px;height:28px;color:rgba(85,85,85,0.7);display:inline-flex;background:#EFEFEF;margin:4px 4px 4px 0px;padding:0px 8px 0px 2px;border-radius:4px;border-left:25px solid #4dd0fc}.l_main .post .meta .metatag:hover{background:#4dd0fc;color:white;border-left-width:30px;padding-right:10px}.l_main .post .meta .metatag:hover a{color:white}.l_main .post .meta .metatag:hover .fas,.l_main .post .meta .metatag:hover .fab{color:white}.l_main .post .meta .metatag i{width:28px;line-height:28px;color:white;margin-left:-28px}.l_main .post .meta .metatag a{color:rgba(85,85,85,0.7);transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.l_main .post .meta .metatag a:hover{color:#1BC3FB;color:white}.l_main .post .meta .metatag .categories{font-weight:normal;color:rgba(85,85,85,0.7)}.l_main .post .meta .metatag .tag{color:rgba(85,85,85,0.7)}.l_main .post .meta .metatag .fa-spinner{color:rgba(85,85,85,0.7);margin-left:2px}.l_main .post .meta .share:hover{background:#EFEFEF}.l_main .post .meta .share .share-body{display:flex}.l_main .post .meta .share .share-body a{margin-left:4px;padding-bottom:0;margin-bottom:0}.l_main .post .meta .share .share-body a img{margin:2px 0;height:24px;width:auto;background:transparent}.l_main .post .meta .share .share-body a i{display:inline-block;margin:0;padding:0;color:rgba(85,85,85,0.7)}.l_main .post .meta .share .share-body a:hover{text-decoration:none}.l_main .post .full-width,.l_main .post .highlight{margin-left:0;margin-right:0;width:calc(100% - 0 * 20px)}.l_main .post img{display:block;max-width:100%;border-radius:4px}@media (max-width:768px){.l_main{padding-right:0}.l_main .post{padding:30px 20px}.l_main .post .meta{margin-bottom:20px}.l_main .post .meta .title{font-size:25.2px}.l_main .post .full-width{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px;width:calc(100% + 2 * 20px)}.l_main .post .auto-padding{padding-left:20px;padding-right:20px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;overflow:auto}.l_main .post .highlight{margin-left:0;margin-right:0;width:calc(100% - 0 * 20px)}}@media (max-width:768px) and (max-width:580px){.l_main{width:100%}}@media (max-width:768px) and (max-width:580px){.l_main .post .highlight{margin-left:0;margin-right:0;width:calc(100% - 0 * 20px)}.l_main .post .auto-padding{padding-left:20px;padding-right:20px;border-bottom-left-radius:0;border-bottom-right-radius:0}}.l_main .prev-next{width:100%;display:flex;justify-content:space-between;align-items:baseline;color:rgba(85,85,85,0.5);margin:0}.l_main .prev-next .prev{text-align:left;border-top-right-radius:32px;border-bottom-right-radius:32px}.l_main .prev-next .next{text-align:right;border-top-left-radius:32px;border-bottom-left-radius:32px}.l_main .prev-next p{margin:20px}.l_main .prev-next a{color:rgba(255,87,34,0.9)}.l_main .prev-next section{color:rgba(85,85,85,0.8);padding:20px;border-radius:8px}.l_main .prev-next section:hover{color:#1BC3FB}@media (max-width:580px){.l_main .prev-next section{border-radius:0}}.l_side{width:285px;float:right;position:relative;display:flex;flex-direction:column}@media (max-width:1024px){.l_side{width:240px}}@media (max-width:768px){.l_side{margin:20px 0 0;width:100%}}.l_side .toc-wrapper{z-index:1;overflow:hidden;border-radius:8px;position:-webkit-sticky;position:sticky;top:75px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.l_side .toc-wrapper header{position:-webkit-sticky;position:sticky;width:100%;top:0}.l_side .toc-wrapper .content{padding:10px 0;max-height:500px;overflow:auto}.l_side .toc-wrapper .content.pure{padding-top:0}.l_side .toc-wrapper .content a{border-left:4px solid transparent}.l_side .toc-wrapper .content a:hover{color:#555;border-left:4px solid #1BC3FB}.l_side .toc-wrapper .content a:active{border-left:8px solid #1BC3FB}.l_side .toc-wrapper .content a.active{color:#555;border-left:4px solid #1BC3FB;background:rgba(27,195,251,0.1)}.l_side .toc-wrapper.active{position:fixed;box-shadow:0 2px 4px 0 rgba(0,0,0,0.1),0 4px 8px 0 rgba(0,0,0,0.1),0 8px 16px 0 rgba(0,0,0,0.1),0 16px 32px 0 rgba(0,0,0,0.1)}.l_side .toc-wrapper.active header .s-toc{-webkit-transform:rotate(30deg);transform:rotate(30deg)}@media (max-width:580px){.l_side .toc-wrapper{position:fixed;max-height:1000px;top:55px;box-shadow:0 2px 4px 0 rgba(0,0,0,0.1),0 4px 8px 0 rgba(0,0,0,0.1),0 8px 16px 0 rgba(0,0,0,0.1),0 16px 32px 0 rgba(0,0,0,0.1);visibility:hidden;-webkit-transform:scale(0, 0);transform:scale(0, 0);-webkit-transform-origin:right top;transform-origin:right top}.l_side .toc-wrapper .rightBtn{display:none}.l_side .toc-wrapper.active{visibility:visible;-webkit-transform:scale(1, 1);transform:scale(1, 1)}}.l_side .toc-wrapper a{padding-left:8px;color:rgba(85,85,85,0.6);font-size:15.75px;display:inline-block}.l_side .toc-wrapper ol .toc-item.toc-level-1 .toc-child a{padding-left:16px;font-weight:normal}.l_side .toc-wrapper ol .toc-item.toc-level-2 .toc-child a{padding-left:32px;font-weight:normal}.l_side .toc-wrapper ol .toc-item.toc-level-3 .toc-child a{padding-left:48px;font-weight:normal}.l_side .toc-wrapper ol .toc-item.toc-level-4 .toc-child a{padding-left:64px;font-weight:normal}.l_side .toc-wrapper ol li{width:auto;text-align:left}.l_side .toc-wrapper ol li a{padding:0 10px 0 15px;font-weight:bold;width:100%}.l_side .toc-wrapper:empty{display:none}.l_side section{z-index:0;background:white;margin-top:20px;font-family:'SourceSansPro',Menlo,Monaco,monospace,"Lucida Console",sans-serif,"Source Sans Pro","Helvetica Neue",Helvetica,"Hiragino Sans GB","Hiragino Sans GB W3",Source Han Sans CN Regular,WenQuanYi Micro Hei,"Microsoft YaHei",Arial,sans-serif;font-size:18px;border-radius:8px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;width:285px;max-height:calc(100% - 55px - 4 * 20px)}.l_side section:first-child{margin-top:0}.l_side section:hover{box-shadow:0 2px 4px 0 rgba(0,0,0,0.1),0 4px 8px 0 rgba(0,0,0,0.1),0 8px 16px 0 rgba(0,0,0,0.1),0 16px 32px 0 rgba(0,0,0,0.1)}.l_side section:active{box-shadow:0 1px 2px 0 rgba(0,0,0,0.1),0 2px 4px 0 rgba(0,0,0,0.1)}@media (max-width:1024px){.l_side section{width:240px}}@media (max-width:768px){.l_side section{width:100%}}@media (max-width:580px){.l_side section{width:calc(100% - 2 * 20px);margin:20px 20px 0 20px}}.l_side section header{display:flex;justify-content:space-between;border-top-left-radius:8px;border-top-right-radius:8px;background-color:#1BC3FB;color:white;font-weight:bold;line-height:1.5em;padding:8px 20px}.l_side section header .rightBtn{color:white}.l_side section header .rightBtn:hover{color:#037094}.l_side section header .rightBtn:hover.rotate90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.l_side section header.pure{background-color:white;color:#1BC3FB;padding-top:14px;padding-bottom:14px}.l_side section header.pure .rightBtn{color:#1BC3FB}.l_side section header.pure .rightBtn:hover{color:#037094}.l_side section .content{text-align:justify;padding:10px;max-height:calc(100% - 55px - 12.5 * 20px)}.l_side section .content ul.entry>li>a{padding:0 20px;line-height:36px;height:36px;display:flex;justify-content:space-between;align-content:center;border-left:2px solid transparent;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.l_side section .content ul.entry>li>a .name{flex:auto;color:rgba(85,85,85,0.8)}.l_side section .content ul.entry>li>a .badge{flex:none;font-weight:normal;font-size:15.75px;color:rgba(85,85,85,0.7)}.l_side section .content ul.entry>li>a:hover{border-left:4px solid #1BC3FB;background:rgba(27,195,251,0.1)}.l_side section .content ul.entry>li>a:active{border-left:8px solid #1BC3FB}.l_side section.author{transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.l_side section.author .content{padding:0}.l_side section.author .content div.avatar{display:flex;justify-content:center}.l_side section.author .content img{padding:0;margin:0;display:flex;justify-content:center;width:285px;height:285px;border-top-left-radius:8px;border-top-right-radius:8px}@media (max-width:1024px){.l_side section.author .content img{width:240px;height:240px}}@media (max-width:768px){.l_side section.author .content img{width:96px;height:96px;border-radius:100%;margin-top:10px;padding:10px}}.l_side section.author .content h2{text-align:center;font-weight:bold;margin:10px}@media (max-width:768px){.l_side section.author .content h2{margin:10px}}.l_side section.author .content p{font-size:18px;font-weight:bold;text-align:center;margin:10px 10px 0 10px;empty-cells:hide}.l_side section.author .content .social-wrapper{display:flex;justify-content:space-between;flex-wrap:wrap;padding:4px 10px}.l_side section.author .content .social-wrapper a{color:rgba(85,85,85,0.7);transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.l_side section.author .content .social-wrapper a:hover{color:#1BC3FB}.l_side section.author .content .social-wrapper a.social{display:flex;justify-content:center;align-items:center;width:32px;height:32px;margin:4px;border-radius:100px}.l_side section.author .content .social-wrapper a.social:hover{background:rgba(27,195,251,0.1);color:#1BC3FB}@media (max-width:768px){.l_side section.author .content .social-wrapper{justify-content:center}}@media (max-width:768px){.l_side section.author{box-shadow:none;background:#EFEFEF;margin-top:40px}}.l_side section.plain .content{font-size:15.75px;font-weight:bold;word-break:break-all;padding:10px 20px;line-height:23.75px}.l_side section.plain .content.pure{padding:0 20px 20px 20px}.l_side section.plain .content a{color:#ff5722;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.l_side section.plain .content a:hover{color:#1BC3FB;text-decoration:underline}.l_side section.plain .content a:active{color:#037094}.l_side section.list .content{padding:10px 0}.l_side section.list .content.pure{padding-top:0}.l_side section.list .content a{font-size:15.75px;font-weight:bold}.l_side section.list .content a:hover{text-decoration:none}.l_side section.list .content a i{color:rgba(85,85,85,0.7);line-height:36px;margin-right:3px}.l_side section.list .content a img{display:inline;vertical-align:middle;height:18px;width:18px;margin-bottom:4px}.l_side section.list .content a img#round{border-radius:100%}.l_side section.category .content{padding:10px 0;font-size:15.75px;font-weight:bold}.l_side section.category .content.pure{padding-top:0}.l_side section.tagcloud .content{text-align:justify;padding:10px 20px}.l_side section.tagcloud .content.pure{padding:0 20px 20px 20px}.l_side section.tagcloud .content a{display:inline-block;transition:all .1s ease;-moz-transition:all .1s ease;-webkit-transition:all .1s ease;-o-transition:all .1s ease;line-height:1.6em}.l_side section.tagcloud .content a:hover{color:#1BC3FB !important;text-decoration:underline}.l_side section.music header.pure{padding-bottom:5px}.l_side section.music .content{padding:14px;padding-top:10px}.l_side section.music .content.pure{padding-top:5px}.l_side section.music .content .aplayer{border-radius:4px}#archive-page{margin-bottom:40px}#archive-page .archive{position:relative}#archive-page .archive .archive-year{font-size:18px;margin-top:4em;margin-bottom:1em}#archive-page .archive .archive-year:first-child{margin-top:0em;padding-top:0}#archive-page .archive .archive-year h2{margin-top:1em}#archive-page .archive .archive-year a{color:#555555;text-decoration:none}#archive-page .archive .archive-post a{width:100%;display:inline-flex;flex-flow:row nowrap;justify-content:flex-start;align-items:flex-start;text-decoration:none}#archive-page .archive .archive-post time{color:#555555;flex:none;font-size:15.75px;padding:.5em .5em .5em 3em}@media (max-width:580px){#archive-page .archive .archive-post time{padding:.5em .5em .5em 0}}#archive-page .archive .archive-post .title{flex:auto;padding:.5em;font-size:15.75px;color:rgba(85,85,85,0.8)}.article{color:#555555;font-size:18px;line-height:1.7;word-break:break-all;word-wrap:break-word}.article img{position:relative;margin:0 auto;background:white;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}@media (max-width:580px){.article img{box-shadow:none}}.article span img{display:inline;margin:auto}.article hr{border:0;border-radius:1px;border-bottom:1px solid rgba(0,0,0,0.1)}.article p.small-img img,.article div.small-img img{width:auto;max-width:100%;margin:0;box-shadow:none}.article p{margin-top:.5em;margin-bottom:1em;text-align:justify;max-width:100%;overflow:auto}.article p strong{color:#555555;padding-left:2px;padding-right:2px}.article p .mjx-math{font-family:Menlo,Monaco,monospace,"Lucida Console",'Source Code Pro',"Microsoft YaHei",Helvetica,Arial,sans-serif,'Ubuntu';background:rgba(239,239,239,0.5);padding:10px;border-radius:8px}.article ul,.article ol{font-size:17.1px;list-style:initial;padding-left:10px;margin-left:10px;margin-bottom:1em}.article ul>li{list-style:initial}.article ol>li{margin-left:10px;list-style:decimal}.article a{color:#ff5722;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.article a:before{display:none}.article a:hover{color:#1BC3FB;text-decoration:underline}.article a:active{color:#037094}.article h1,.article h2,.article h3,.article h4,.article h5,.article h6{position:relative;font-family:'SourceSansPro',Menlo,Monaco,monospace,"Lucida Console",sans-serif,"Source Sans Pro","Helvetica Neue",Helvetica,"Hiragino Sans GB","Hiragino Sans GB W3",Source Han Sans CN Regular,WenQuanYi Micro Hei,"Microsoft YaHei",Arial,sans-serif;font-weight:normal;margin-top:1.5em;margin-bottom:1em}.article h1.title,.article h2.title,.article h3.title,.article h4.title,.article h5.title,.article h6.title{left:0}.article h1.title:before,.article h2.title:before,.article h3.title:before,.article h4.title:before,.article h5.title:before,.article h6.title:before{content:none}.article h1,.article h2{color:#1BC3FB;margin-top:2em}.article h3:first-child,.article h4:first-child,.article h5:first-child,.article h6:first-child{margin-top:0;padding-top:0}.article h1{font-size:27px}.article h2{font-size:25.2px}.article h3{font-size:21.6px;color:#222}.article h4{font-weight:bold;font-size:19.8px}.article h5{font-weight:bold;color:#555555;font-size:18px}.article h6{color:rgba(85,85,85,0.75);font-size:15.75px}.article .subtitle h6{color:rgba(85,85,85,0.9)}.article figure figcaption span{display:inline-block;margin-right:5px}.article blockquote{position:relative;width:100%;font-size:15.75px;background:rgba(27,195,251,0.1);margin:1em 0;padding:20px;border-left:8px solid #1BC3FB;border-radius:8px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.article blockquote p{text-align:left;word-wrap:normal;margin:0;font-size:15.75px;line-height:23.625px}.article blockquote footer strong{margin-right:7px}.article blockquote.pullquote.right{border-left:none;border-right:8px solid #1BC3FB}.article blockquote.pullquote.right p{text-align:right}.article pre{display:block;box-sizing:border-box;font-family:Menlo,Monaco,monospace,"Lucida Console",'Source Code Pro',"Microsoft YaHei",Helvetica,Arial,sans-serif,'Ubuntu';color:#555555}.article code{font-family:Menlo,Monaco,monospace,"Lucida Console",'Source Code Pro',"Microsoft YaHei",Helvetica,Arial,sans-serif,'Ubuntu';padding:3px 3px 0px 3px;margin:0px 2px;vertical-align:center;border-radius:2px;border:1px solid rgba(33,150,243,0.5);font-size:14.4px;background:rgba(33,150,243,0.1)}@media (max-width:580px){.article code{font-size:13.68px}}.article .readmore{font-family:'SourceSansPro',Menlo,Monaco,monospace,"Lucida Console",sans-serif,"Source Sans Pro","Helvetica Neue",Helvetica,"Hiragino Sans GB","Hiragino Sans GB W3",Source Han Sans CN Regular,WenQuanYi Micro Hei,"Microsoft YaHei",Arial,sans-serif;font-size:.8em;letter-spacing:.1em;margin-top:20px}.article .readmore a{text-decoration:none;display:inline-block;vertical-align:middle;line-height:2rem;font-weight:bold;background-color:#1BC3FB;padding:.2em 2.4em;color:white;border-radius:4px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.article .readmore a:hover{background:#04a8df}.article .tags{position:relative;padding-top:10px;padding-bottom:10px;font-size:15.75px;line-height:1.7;margin-top:20px;background:rgba(226,226,226,0.5);word-spacing:10px}.article .tags a{color:#555555;position:relative;display:inline-block;word-spacing:0;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.article .tags a:hover{color:#1BC3FB;background:transparent;text-decoration:none}.article table:not('.highlight table'){width:100%}.article table:not('.highlight table') td,.article table:not('.highlight table') th{padding:12px 24px}@media (max-width:580px){.article ul,.article ol{font-size:17.1px}.article figure{font-size:13px;line-height:1.6em}}.article .prev-next{width:100%;display:flex;justify-content:space-between;align-content:flex-start}.article .prev-next section{width:100%;padding:10px;color:rgba(85,85,85,0.7);background-color:rgba(239,239,239,0.5);border-radius:8px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.article .prev-next section p{font-size:18px;line-height:1.7;margin:0}.article .prev-next section h4{margin-top:10px;margin-bottom:10px;position:relative;font-family:'SourceSansPro',Menlo,Monaco,monospace,"Lucida Console",sans-serif,"Source Sans Pro","Helvetica Neue",Helvetica,"Hiragino Sans GB","Hiragino Sans GB W3",Source Han Sans CN Regular,WenQuanYi Micro Hei,"Microsoft YaHei",Arial,sans-serif;font-weight:bold;font-size:18px}@media (max-width:580px){.article .prev-next section h4{letter-spacing:-1px}}.article .prev-next section h6{margin:0;word-spacing:normal}.article .prev-next section .tags{background:transparent;padding:0;margin-top:10px;margin-bottom:0;font-size:14.175px;word-spacing:4px}.article .prev-next section:first-child{margin-left:0;margin-right:0}.article .prev-next .prev{text-align:left;margin-left:0;margin-right:10px;border-top-right-radius:8px;border-bottom-right-radius:8px}.article .prev-next .next{text-align:right;margin-left:10px;margin-right:0;border-top-left-radius:8px;border-bottom-left-radius:8px}.highlight{position:relative;width:100%;margin-top:1em;margin-bottom:1.2em;overflow:auto;display:block;background:#292929;font-size:14.9625px;font-family:Menlo,Monaco,monospace,"Lucida Console",'Source Code Pro',"Microsoft YaHei",Helvetica,Arial,sans-serif,'Ubuntu';line-height:1.7;border-radius:8px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.highlight figcaption{padding:5px 10px;background-color:#212121}.highlight table td,.highlight table th{padding:0}.highlight .gutter{width:24px;padding:0 12px;text-align:right;border-width:0;margin-left:0;background-color:#212121}.highlight .gutter pre{color:rgba(85,85,85,0.8)}.highlight .code{padding:20px;vertical-align:top;border:0 solid #eaeaea}.highlight .code:before{content:"";position:absolute;top:0;right:0;color:rgba(85,85,85,0.8);font-size:12.6px;padding:4px 8px 0;line-height:1.7}.highlight.html .code:before{content:"HTML"}.highlight.js .code:before{content:"JS"}.highlight.bash .code:before{content:"BASH"}.highlight.shell .code:before{content:"SHELL"}.highlight.css .code:before{content:"CSS"}.highlight.less .code:before{content:"LESS"}.highlight.swift .code:before{content:"SWIFT"}.highlight.objc .code:before{content:"OBJECTIVE-C"}.highlight.c .code:before{content:"C"}.highlight.java .code:before{content:"JAVA"}.highlight.python .code:before{content:"PYTHON"}.highlight.plain .code:before{content:""}.highlight::-webkit-scrollbar{height:4px;width:4px}.highlight::-webkit-scrollbar-track-piece{background:transparent}.highlight::-webkit-scrollbar-thumb{background:#1c1c1c;cursor:pointer;border-radius:8px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.highlight::-webkit-scrollbar-thumb:hover{background:#0a0a0a}@media (max-width:580px){.article .highlight{font-size:14.214375px}}.art-item-footer{height:40px;line-height:1.7;font-size:15.75px}.art-item-footer .art-item-left,.art-item-footer .art-item-right{width:50%;height:40px;line-height:40px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.art-item-footer .art-item-left{float:left;text-align:left}.art-item-footer .art-item-right{float:right;text-align:right}@media (max-width:580px){.art-item-footer{font-size:14.214375px}}pre .marked{background-color:rgba(255,189,43,0.2);border-radius:2px;border:1px solid rgba(255,189,43,0.4)}pre .comment,pre .title{color:rgba(85,85,85,0.6)}pre .keyword,pre .javascript .function,pre .attr{color:#9c27b0}pre .type,pre .built_in,pre .tag .name{color:#e96900}pre .variable,pre .attribute,pre .regexp,pre .ruby .constant,pre .xml .tag .title,pre .xml .pi,pre .xml .doctype,pre .html .doctype,pre .css .id,pre .css .class,pre .css .pseudo{color:#FD8607}pre .number,pre .preprocessor,pre .literal,pre .params,pre .constant{color:#FD8607}pre .class,pre .ruby .class .title,pre .css .rules .attribute{color:#ffcc66}pre .string,pre .value,pre .inheritance,pre .header,pre .ruby .symbol,pre .xml .cdata{color:#4caf50}pre .css .hexcolor{color:#66cccc}pre .function,pre .python .decorator,pre .python .title,pre .ruby .function .title,pre .ruby .title .keyword,pre .perl .sub,pre .javascript .title,pre .coffeescript .title{color:#6699cc}.html .tag .name{color:#EE2B29}#page-nav{position:relative;width:100%;padding:20px 0px}#page-nav .page-number,#page-nav .space{display:none}#page-nav .next,#page-nav .prev{font-size:.8125em;font-weight:normal;color:#aaa;border-radius:2px}#page-nav .next:hover,#page-nav .prev:hover{color:#444444}#page-nav .next span,#page-nav .prev span{line-height:20px;vertical-align:middle}#page-nav .next span.icon,#page-nav .prev span.icon{position:relative;top:1px}#page-nav .next{float:right;padding:0 7px 2px 10px}#page-nav .prev{float:left;padding:0 10px 2px 7px}#u-search{display:none;position:fixed;top:0;left:0;width:100%;height:100%;padding:60px 20px;z-index:999999}@media (max-width:680px){#u-search{padding:0px}}#u-search .modal{position:fixed;height:80%;width:100%;max-width:640px;left:50%;top:0;margin:64px 0 0 -320px;background:#fff;box-shadow:0 7px 8px -4px rgba(0,0,0,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12);z-index:3;border-radius:8px}@media (max-width:680px){#u-search .modal{box-shadow:none;max-width:none;top:0;left:0;margin:0;height:100%;border-radius:0}}#u-search .modal .modal-ajax-content{opacity:0;visibility:hidden;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}#u-search .modal .modal-ajax-content.loaded{opacity:1;visibility:visible}#u-search .modal .modal-header{position:relative;width:100%;height:55px;background-color:#1BC3FB;z-index:3;border-top-left-radius:8px;border-top-right-radius:8px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}@media (max-width:680px){#u-search .modal .modal-header{padding:0px;border-radius:0}}#u-search .modal .modal-header .btn-close{display:block;position:absolute;width:55px;height:55px;top:0;right:0;color:white;cursor:pointer;text-align:center;line-height:55px;vertical-align:middle;font-size:2.3em;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;z-index:2}#u-search .modal .modal-header .btn-close:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg)}#u-search .modal .modal-header .modal-loading{position:absolute;bottom:0;left:0;width:100%;height:2px;background:transparent;z-index:1}#u-search .modal .modal-header .modal-loading .modal-loading-bar{display:block;position:relative;width:0%;height:100%;background:#fff;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}#u-search .modal .modal-header #u-search-modal-form{position:relative;width:100%;height:100%;z-index:2}#u-search .modal .modal-header #u-search-modal-form #u-search-modal-input{width:100%;padding:0px 50px;height:55px;font-size:18px;line-height:1.7;vertical-align:middle;color:white;border:none;background:transparent;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;font-weight:thin;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none}#u-search .modal .modal-header #u-search-modal-form #u-search-modal-input:focus{border-top-left-radius:8px;border-top-right-radius:8px}#u-search .modal .modal-header #u-search-modal-btn-submit{position:absolute;top:0;left:0;padding-left:5px;padding-top:2px;background:transparent;border:none;width:50px;height:55px;vertical-align:middle;font-size:2.3em;color:white;z-index:2}#u-search .modal .modal-footer{position:absolute;bottom:0;left:0;width:100%;height:50px;padding:0px 15px;background:#fff;border-top:1px solid #ddd}#u-search .modal .modal-footer .logo{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;z-index:0}#u-search .modal .modal-footer .logo a{display:inline-block}#u-search .modal .modal-footer .logo.google img{height:24px;margin-top:13px}#u-search .modal .modal-footer .logo.baidu img{height:22px;margin-top:14px}#u-search .modal .modal-footer .logo img{position:relative;display:inline-block;width:auto;height:18px;margin-top:16px}#u-search .modal .modal-footer .modal-error{position:relative;float:left;vertical-align:middle;line-height:50px;font-size:13px;z-index:1}#u-search .modal .modal-footer .modal-metadata{position:relative;float:left;vertical-align:middle;line-height:50px;font-size:13px;z-index:1}#u-search .modal .modal-footer .nav{position:relative;display:block;float:right;vertical-align:middle;font-size:13px;font-weight:500;line-height:50px;color:#828282;cursor:pointer;z-index:1}#u-search .modal .modal-footer .nav:hover{color:#444444}#u-search .modal .modal-footer .nav.btn-next{margin-left:10px}#u-search .modal .modal-footer .nav .icon{font-size:12px}#u-search .modal .modal-body{position:absolute;padding:64px 50px 80px 50px;width:100%;height:100%;top:0;left:0;overflow-y:scroll;-webkit-overflow-scrolling:touch}@media (max-width:680px){#u-search .modal .modal-body{padding:60px 20px 80px 20px}}#u-search .modal .modal-body .modal-results{list-style:none}#u-search .modal .modal-body .modal-results li{border-bottom:1px solid #e6e8ea}#u-search .modal .modal-body .modal-results li:last-child{border-bottom:none}#u-search .modal .modal-body .modal-results .result{position:relative;display:block;padding:15px 30px 15px 0px;text-decoration:none}#u-search .modal .modal-body .modal-results .result:hover .title{color:#1BC3FB}#u-search .modal .modal-body .modal-results .result .title{display:inline-block;max-width:100%;color:#6f6f6f;font-size:18px;font-weight:bold;padding:1px;margin-bottom:2px;line-height:1.7;white-space:normal;overflow:hidden;text-overflow:ellipsis}#u-search .modal .modal-body .modal-results .result .digest{display:block;white-space:pre-wrap;overflow:scroll;text-overflow:ellipsis;font-size:15.75px;line-height:1.7;color:#a2a2a2;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}#u-search .modal .modal-body .modal-results .result .icon{position:absolute;top:50%;right:0;margin-top:-4px;font-size:11px;color:#828282}#u-search .modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:1}#footer{position:relative;padding:40px 10px 80px 10px;width:100%;color:#4F4F4F;margin:0px auto;font-size:15.75px;overflow:hidden;text-align:center;font-family:'SourceSansPro',Menlo,Monaco,monospace,"Lucida Console",sans-serif,"Source Sans Pro","Helvetica Neue",Helvetica,"Hiragino Sans GB","Hiragino Sans GB W3",Source Han Sans CN Regular,WenQuanYi Micro Hei,"Microsoft YaHei",Arial,sans-serif}#footer .licenses{color:rgba(85,85,85,0.5);text-decoration:underline}#footer .codename{text-decoration:underline}#footer .social-wrapper{display:flex;justify-content:center;flex-wrap:wrap}#footer a{color:#4F4F4F;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}#footer a:hover{color:#1BC3FB}#footer a.social{position:relative;display:inline-block;text-align:center;display:flex;justify-content:center;align-items:center;width:42px;height:0;margin:10px;border-radius:100px}#footer a.social:hover{background:rgba(27,195,251,0.1);color:#1BC3FB}.article.typo.l_friends .friends-group h2{font-size:21.6px}.article.typo.l_friends .friends-group .friend-content{display:flex;flex-wrap:wrap;margin:-10px;border-radius:8px}.article.typo.l_friends .friends-group .friend-content .friend-card{display:flex;border-radius:8px;box-shadow:0 1px 2px 0 rgba(0,0,0,0.1),0 2px 4px 0 rgba(0,0,0,0.1),0 4px 8px 0 rgba(0,0,0,0.1);background:#eee;margin:10px;color:rgba(85,85,85,0.8);justify-content:flex-start;align-content:flex-start;flex-direction:column;width:calc(100%/3 - 20px)}@media (max-width:1024px){.article.typo.l_friends .friends-group .friend-content .friend-card{width:calc(100%/3 - 20px)}}@media (max-width:768px){.article.typo.l_friends .friends-group .friend-content .friend-card{width:calc(100%/2 - 20px)}}@media (max-width:580px){.article.typo.l_friends .friends-group .friend-content .friend-card{width:100%;margin:0 5px;border-radius:0;flex-direction:row}.article.typo.l_friends .friends-group .friend-content .friend-card:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.article.typo.l_friends .friends-group .friend-content .friend-card:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}}.article.typo.l_friends .friends-group .friend-content .friend-card:hover{text-decoration:none;box-shadow:0 2px 4px 0 rgba(0,0,0,0.1),0 4px 8px 0 rgba(0,0,0,0.1),0 8px 16px 0 rgba(0,0,0,0.1),0 16px 32px 0 rgba(0,0,0,0.1),0 32px 64px 0 rgba(0,0,0,0.1);-webkit-transform:scale(1.05);transform:scale(1.05);border-radius:8px}@media (max-width:580px){.article.typo.l_friends .friends-group .friend-content .friend-card:hover{-webkit-transform:scale(1.02);transform:scale(1.02);margin:10px 0}}.article.typo.l_friends .friends-group .friend-content .friend-card:hover .friend-left .avatar{-webkit-transform:scale(1.1) rotate(12deg);transform:scale(1.1) rotate(12deg);box-shadow:0 2px 4px 0 rgba(0,0,0,0.1),0 4px 8px 0 rgba(0,0,0,0.1),0 8px 16px 0 rgba(0,0,0,0.1),0 16px 32px 0 rgba(0,0,0,0.1)}.article.typo.l_friends .friends-group .friend-content .friend-card .friend-left{align-self:center}.article.typo.l_friends .friends-group .friend-content .friend-card .friend-left .avatar{width:64px;height:64px;min-width:64px;min-height:64px;margin:20px 10px 10px 10px;border-radius:100%;border:1px solid white;box-shadow:0 1px 2px 0 rgba(0,0,0,0.1),0 2px 4px 0 rgba(0,0,0,0.1)}@media (max-width:580px){.article.typo.l_friends .friends-group .friend-content .friend-card .friend-left .avatar{margin:20px}}.article.typo.l_friends .friends-group .friend-content .friend-card .friend-right{flex:1;margin:0 10px 10px 10px;display:flex;flex-direction:column;text-align:center}.article.typo.l_friends .friends-group .friend-content .friend-card .friend-right p{text-align:center}@media (max-width:580px){.article.typo.l_friends .friends-group .friend-content .friend-card .friend-right{margin:20px 20px 20px 0;text-align:left}.article.typo.l_friends .friends-group .friend-content .friend-card .friend-right p{text-align:left}}.article.typo.l_friends .friends-group .friend-content .friend-card .friend-right .friend-tags-wrapper{transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;margin-left:-2px;word-break:break-all;margin-bottom:10px}@media (max-width:580px){.article.typo.l_friends .friends-group .friend-content .friend-card .friend-right .friend-tags-wrapper{margin-bottom:0}}.article.typo.l_friends .friends-group .friend-content .friend-card .friend-right p{margin:0;text-shadow:0 1px 2px rgba(0,0,0,0.15)}.article.typo.l_friends .friends-group .friend-content .friend-card .friend-right p.friend-name{font-family:Skranji,'SourceSansPro',Menlo,Monaco,monospace,"Lucida Console",sans-serif,"Source Sans Pro","Helvetica Neue",Helvetica,"Hiragino Sans GB","Hiragino Sans GB W3",Source Han Sans CN Regular,WenQuanYi Micro Hei,"Microsoft YaHei",Arial,sans-serif;font-size:18px;font-weight:bold;padding-top:4px}.article.typo.l_friends .friends-group .friend-content .friend-card .friend-right p.tags{font-size:13.3875px;display:inline;background:none;word-wrap:break-word;padding-right:4px}
\ No newline at end of file
+@charset "utf-8";@font-face{font-family:'SourceSansPro';src:url(https://cdn.jsdelivr.net/gh/xaoxuu/cdn-fonts@19.1.7/SourceSansPro/SourceSansPro-Semibold.ttf);font-weight:normal;font-style:normal}@font-face{font-family:'Monaco';src:url(https://cdn.jsdelivr.net/gh/xaoxuu/cdn-fonts@19.1.7/Monaco/Monaco.ttf);font-weight:normal;font-style:normal}@font-face{font-family:'Skranji';src:url(https://cdn.jsdelivr.net/gh/xaoxuu/cdn-fonts@19.1.7/Skranji/Skranji-Regular.ttf);font-weight:normal;font-style:normal}/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;width:100%}table th{background-color:#f2f2f2}table td,table th{padding:4px 8px;border:1px solid #EFEFEF}td,th{padding:0}*{box-sizing:border-box;outline:none;margin:0;padding:0}html{color:#555555;width:100%;height:100%;padding-top:55px;font-family:'SourceSansPro',Menlo,Monaco,monospace,"Lucida Console",sans-serif,"Source Sans Pro","Helvetica Neue",Helvetica,"Hiragino Sans GB","Hiragino Sans GB W3",Source Han Sans CN Regular,WenQuanYi Micro Hei,"Microsoft YaHei",Arial,sans-serif;font-size:18px;line-height:1.5rem;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-rendering:optimizelegibility;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{background-color:#EFEFEF}body.modal-active{overflow:hidden}@media (max-width:680px){body.modal-active{position:fixed;top:0;right:0;bottom:0;left:0}}body.z_menu-open .menu-phone{-webkit-transform:translate3d(-20px, 0, 0);transform:translate3d(-20px, 0, 0)}.z-depth-nav,.l_header,#u-search .modal .modal-header{box-shadow:0 1px 2px 0 rgba(0,0,0,0.24),0 3px 6px 0 rgba(0,0,0,0.1)}.z-depth-nav-raised,#u-search .modal .modal-header:hover{box-shadow:0 2px 4px 0 rgba(0,0,0,0.1),0 4px 8px 0 rgba(0,0,0,0.1),0 8px 16px 0 rgba(0,0,0,0.1),0 16px 32px 0 rgba(0,0,0,0.1)}.z-depth-main,.l_main .post,.l_side section{box-shadow:0 1px 2px 0 rgba(0,0,0,0.1),0 2px 4px 0 rgba(0,0,0,0.1)}.z-depth-main-raised{box-shadow:0 2px 4px 0 rgba(0,0,0,0.1),0 4px 8px 0 rgba(0,0,0,0.1),0 8px 16px 0 rgba(0,0,0,0.1),0 16px 32px 0 rgba(0,0,0,0.1)}.z-depth-0{box-shadow:0 1px 4px 0 rgba(0,0,0,0.07)}.z-depth-1{box-shadow:0 2px 4px 0 rgba(0,0,0,0.08),0 2px 4px 0 rgba(0,0,0,0.1)}.z-depth-1-half{box-shadow:0 2px 3px 0 rgba(0,0,0,0.4),0 0 8px 0 rgba(0,0,0,0.2)}.z-depth-2{box-shadow:0 4px 8px 0 rgba(0,0,0,0.1),0 3px 10px 0 rgba(0,0,0,0.1)}.z-depth-3{box-shadow:0 6px 10px 0 rgba(0,0,0,0.12),0 8px 25px 0 rgba(0,0,0,0.1)}.z-depth-4{box-shadow:0 8px 14px 0 rgba(0,0,0,0.11),0 12px 22px 0 rgba(0,0,0,0.11)}.z-depth-5{box-shadow:0 12px 12px 0 rgba(0,0,0,0.1),0 20px 33px 0 rgba(0,0,0,0.11)}.z-depth-0{box-shadow:0 1px 2px 0 rgba(0,0,0,0.08),0 2px 4px 0 rgba(0,0,0,0.08)}.hoverable{transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;box-shadow:0}.hoverable:hover{transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}::-moz-selection{background:#1BC3FB}::selection{background:#1BC3FB}h1,h2,h3,h4,h5,h6{-webkit-font-feature-settings:'dlig' 1,'liga' 1,'lnum' 1,'kern' 1;-moz-font-feature-settings:'dlig' 1,'liga' 1,'lnum' 1,'kern' 1;-o-font-feature-settings:'dlig' 1,'liga' 1,'lnum' 1,'kern' 1;text-rendering:geometricPrecision;margin:0 0 .4em 0}h1{font-size:27px}h2{font-size:25.2px}h3{font-size:21.6px}h4{font-size:19.8px}h5{font-size:18px}h6{font-size:15.75px}a{color:#444444;cursor:pointer;text-decoration:none;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}a:hover{text-decoration:none}pre{tab-size:4;-moz-tab-size:4;-o-tab-size:4;-webkit-tab-size:4}img{max-width:100%}.clearfix{zoom:1}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.container.clearfix{display:flex}@media (max-width:768px){.container.clearfix{display:inherit}}.hidden{text-indent:-9999px;visibility:hidden;display:none}.inner{position:relative;width:80%;max-width:710px;margin:0 auto}.vertical{display:table-cell;vertical-align:middle}.right{float:right}.left{float:left}.disable-trans{transition:none !important}.txt-ellipsis,.l_side section .content ul.entry>li>a .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}ul,ol{padding-left:0}li{list-style:none}.mark{position:relative}.mark a{color:#444444;display:inline-block;padding:0 8px;border-left:4px solid transparent;background:transparent;border-radius:8px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.mark a:hover{background:rgba(27,195,251,0.1);border-left:4px solid #1BC3FB;padding:8px}.mark a:active{border-left:8px solid #1BC3FB}ul.h-list{display:flex;align-items:center;height:100%}ul.h-list>li{height:100%;justify-content:center}#loading-bar-wrapper{position:fixed;top:0;left:0;width:100%;z-index:99999}#loading-bar{position:fixed;width:0;height:55px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;background-color:rgba(0,0,255,0.4)}#loading-bar.pure{background-color:rgba(0,0,255,0.4)}.container{position:relative;width:100%;max-width:1200px;margin:0 auto}.container--flex{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center}.l_body{position:relative;padding:40px 20px 20px}@media (max-width:580px){.l_body{padding:20px 0 20px;border-radius:0}}.l_body .s-top{transition:all .6s ease;-moz-transition:all .6s ease;-webkit-transition:all .6s ease;-o-transition:all .6s ease;z-index:9;position:fixed;width:48px;height:48px;line-height:48px;border-radius:100%;bottom:40px;right:40px;-webkit-transform:translateY(100px) scale(0);transform:translateY(100px) scale(0);-webkit-transform-origin:bottom;transform-origin:bottom}@media (max-width:768px){.l_body .s-top{right:20px}}.l_body .s-top.show{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}.l_body .s-top.show.hl{background:#1BC3FB;color:rgba(255,255,255,0.3);box-shadow:0 1px 2px 0 rgba(0,0,0,0.1),0 2px 4px 0 rgba(0,0,0,0.1)}@media (min-width:768px){.l_body .s-top:hover{-webkit-transform:scale(1.2);transform:scale(1.2);border-radius:25%;background:#1BC3FB;color:rgba(255,255,255,0.3);box-shadow:0 2px 4px 0 rgba(0,0,0,0.1),0 4px 8px 0 rgba(0,0,0,0.1),0 8px 16px 0 rgba(0,0,0,0.1),0 16px 32px 0 rgba(0,0,0,0.1)}.l_body .s-top:hover.hl{box-shadow:0 2px 4px 0 rgba(0,0,0,0.1),0 4px 8px 0 rgba(0,0,0,0.1),0 8px 16px 0 rgba(0,0,0,0.1),0 16px 32px 0 rgba(0,0,0,0.1)}}.l_header{position:fixed;z-index:9999;top:0;left:0;width:100%;font-size:18px;line-height:55px;height:55px;overflow:hidden;font-family:'SourceSansPro',Menlo,Monaco,monospace,"Lucida Console",sans-serif,"Source Sans Pro","Helvetica Neue",Helvetica,"Hiragino Sans GB","Hiragino Sans GB W3",Source Han Sans CN Regular,WenQuanYi Micro Hei,"Microsoft YaHei",Arial,sans-serif;font-weight:bold;padding:0 20px;background:#1BC3FB;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.l_header .wrapper{padding:auto 20px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.l_header .wrapper.sub{transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;-webkit-transform:translateY(-55px);transform:translateY(-55px)}@media (max-width:580px){.l_header .wrapper.sub .logo{transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;padding-left:20px;padding-right:0;font-size:18px}}.l_header .nav--main,.l_header .nav-sub{height:55px}.l_header,.l_header a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:55px;line-height:55px;color:white}.l_header .logo{padding:0 20px;line-height:55px;font-size:27px;font-family:Skranji,'SourceSansPro',Menlo,Monaco,monospace,"Lucida Console",sans-serif,"Source Sans Pro","Helvetica Neue",Helvetica,"Hiragino Sans GB","Hiragino Sans GB W3",Source Han Sans CN Regular,WenQuanYi Micro Hei,"Microsoft YaHei",Arial,sans-serif;letter-spacing:0}@media (max-width:580px){.l_header .logo{flex:auto}}.l_header .logo.img{padding:0 20px 0 0}.l_header .logo img{padding:0;height:100%}.l_header .nav-sub .logo{font-size:18px;font-family:'SourceSansPro',Menlo,Monaco,monospace,"Lucida Console",sans-serif,"Source Sans Pro","Helvetica Neue",Helvetica,"Hiragino Sans GB","Hiragino Sans GB W3",Source Han Sans CN Regular,WenQuanYi Micro Hei,"Microsoft YaHei",Arial,sans-serif}@media (max-width:580px){.l_header .nav-sub .logo{letter-spacing:-0.5px;padding-top:1px}}.l_header .menu{position:relative;flex:1 0 auto;height:55px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;margin:0 20px}.l_header .menu ul>li>a{transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;display:block;font-size:18px;color:rgba(255,255,255,0.7);padding:0 8px}.l_header .menu ul>li>a:hover{color:white;border-bottom:4px solid rgba(255,255,255,0.3);background:rgba(255,255,255,0.1)}.l_header .menu ul>li>a:active,.l_header .menu ul>li>a.active{color:white;border-bottom:4px solid rgba(255,255,255,0.3)}@media (max-width:580px){.l_header .menu{display:none}}.l_header .switcher{display:none;font-size:18px;line-height:55px}.l_header .switcher>li{height:35px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;margin:2px}@media (max-width:580px){.l_header .switcher>li{width:35px;height:35px}}.l_header .switcher>li a{display:flex;justify-content:center;align-items:center;width:35px;height:35px;border-radius:100px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.l_header .switcher>li a:hover{background:rgba(255,255,255,0.3)}@media (max-width:580px){.l_header .switcher>li a{width:35px;height:35px}}@media (max-width:580px){.l_header .switcher{display:flex;padding-left:10px;padding-right:14px}}.l_header .nav-sub .switcher{display:flex}.l_header .m_search{position:relative;height:35px;width:285px;line-height:35px;margin-top:10px;margin-bottom:10px;vertical-align:middle}@media (max-width:1024px){.l_header .m_search{width:240px}}.l_header .m_search .form{position:relative;display:block;width:100%}.l_header .m_search .icon,.l_header .m_search .input{transition:all .1s ease;-moz-transition:all .1s ease;-webkit-transition:all .1s ease;-o-transition:all .1s ease}.l_header .m_search .icon{position:absolute;display:block;height:35px;width:35px;line-height:35px;top:0;left:10px;font-size:15.75px}.l_header .m_search .input{display:block;font-size:15.75px;margin:0;width:100%;color:rgba(255,255,255,0.6);padding-left:36px;height:35px;line-height:35px;font-family:'SourceSansPro',Menlo,Monaco,monospace,"Lucida Console",sans-serif,"Source Sans Pro","Helvetica Neue",Helvetica,"Hiragino Sans GB","Hiragino Sans GB W3",Source Han Sans CN Regular,WenQuanYi Micro Hei,"Microsoft YaHei",Arial,sans-serif;border:none;border-radius:8px;background:rgba(255,255,255,0.15);box-sizing:border-box;-webkit-appearance:none;box-shadow:none;border:1px dashed transparent;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}@media (max-width:580px){.l_header .m_search .input{padding-left:36px}}.l_header .m_search .input~.icon{color:rgba(255,255,255,0.6)}.l_header .m_search .input::-webkit-input-placeholder{color:rgba(255,255,255,0.6)}.l_header .m_search .input:-moz-placeholder{color:rgba(255,255,255,0.6)}.l_header .m_search .input::-moz-placeholder{color:rgba(255,255,255,0.6)}.l_header .m_search .input:-ms-input-placeholder{color:rgba(255,255,255,0.6)}.l_header .m_search .input:hover{border:1px dashed rgba(255,255,255,0.6)}.l_header .m_search .input:focus{color:white;border:1px solid rgba(255,255,255,0.6)}.l_header .m_search .input:focus~.icon{color:white}.l_header.pure{background:rgba(255,255,255,0.3);box-shadow:0 1px 2px 0 rgba(0,0,0,0.1),0 2px 4px 0 rgba(0,0,0,0.1)}.l_header.pure,.l_header.pure a{color:#1BC3FB}.l_header.pure .menu ul>li>a{transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;color:rgba(27,195,251,0.7)}.l_header.pure .menu ul>li>a.current{border-bottom:55px solid rgba(27,195,251,0.8)}.l_header.pure .menu ul>li>a:hover{color:#1BC3FB;border-bottom:55px solid #1BC3FB;background:rgba(27,195,251,0.1)}.l_header.pure .menu ul>li>a:active,.l_header.pure .menu ul>li>a.active{color:#1BC3FB;border-bottom:55px solid #1BC3FB}.l_header.pure .switcher>li a:hover{background:rgba(27,195,251,0.15)}.l_header.pure .m_search .input{color:rgba(27,195,251,0.6);background:#EFEFEF}.l_header.pure .m_search .input~.icon{color:rgba(27,195,251,0.6)}.l_header.pure .m_search .input::-webkit-input-placeholder{color:rgba(27,195,251,0.6)}.l_header.pure .m_search .input:-moz-placeholder{color:rgba(27,195,251,0.6)}.l_header.pure .m_search .input::-moz-placeholder{color:rgba(27,195,251,0.6)}.l_header.pure .m_search .input:-ms-input-placeholder{color:rgba(27,195,251,0.6)}.l_header.pure .m_search .input:hover{border:1px dashed rgba(27,195,251,0.6)}.l_header.pure .m_search .input:focus{color:#1BC3FB;background:rgba(27,195,251,0.15);border:1px solid rgba(27,195,251,0.6)}.l_header.pure .m_search .input:focus~.icon{color:#1BC3FB}@media (max-width:580px){.l_header{padding:0}.l_header .m_search{width:0;overflow:hidden;position:absolute;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;margin:0 10px}.l_header.z_search-open .logo{opacity:0}.l_header.z_search-open .m_search{width:70%}}.menu-phone{position:fixed;top:75px;right:0;z-index:10000;line-height:40px;background:white;border-right:0;box-shadow:0 2px 4px 0 rgba(0,0,0,0.1),0 4px 8px 0 rgba(0,0,0,0.1),0 8px 16px 0 rgba(0,0,0,0.1),0 16px 32px 0 rgba(0,0,0,0.1);border-radius:8px;-webkit-transform:translate3d(-40px, -40px, 0) scale(0, 0);transform:translate3d(-40px, -40px, 0) scale(0, 0);-webkit-transform-origin:right top;transform-origin:right top;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.menu-phone .header{border-top-left-radius:8px;border-top-right-radius:8px;background-color:rgba(27,195,251,0.9);color:white;font-size:18px;line-height:1.8em;padding:8px 26px}.menu-phone:hover{box-shadow:0 2px 4px 0 rgba(0,0,0,0.1),0 4px 8px 0 rgba(0,0,0,0.1),0 8px 16px 0 rgba(0,0,0,0.1),0 16px 32px 0 rgba(0,0,0,0.1)}.menu-phone:active{box-shadow:0 1px 2px 0 rgba(0,0,0,0.1),0 2px 4px 0 rgba(0,0,0,0.1)}.menu-phone nav{padding:10px 0}.menu-phone nav .nav{height:36px;line-height:36px;position:relative;display:block;color:#444444;padding:2px 20px;border-left:4px solid transparent;border-right:4px solid transparent}.menu-phone nav .nav:hover,.menu-phone nav .nav.active{border-left:4px solid #1BC3FB;background:rgba(27,195,251,0.1)}.l_main{width:calc(100% - 1 * 285px);padding-right:20px;float:left;cursor:url('https://cdn.jsdelivr.net/gh/TRHX/CDN-for-trhx.top@1.0/images/mouse.cur'),auto}@media (max-width:1024px){.l_main{width:calc(100% - 1 * 240px)}}@media (max-width:768px){.l_main{width:100%}}.l_main .post-list{position:relative;margin:0px auto;-webkit-column-gap:0;column-gap:0;margin:-10px}@media (max-width:580px){.l_main .post-list{margin:0}}.l_main #comments{position:relative}@media (max-width:580px){}.l_main #comments #valine_container p{line-height:1.7}.l_main #comments #valine_container .info{display:none}.l_main #comments #valine_container .vwrap{border-radius:8px;border-style:dashed;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.l_main #comments #valine_container .vwrap:hover{border:1px dashed #1bc3fb}.l_main #comments #valine_container .vwrap .vheader .vinput:hover{border-bottom:1px dashed #1BC3FB}.l_main #comments #valine_container .vwrap .vheader .vinput:focus{border-bottom:1px solid #1BC3FB}.l_main #comments #valine_container .vwrap .vedit .vctrl span{color:#1BC3FB;padding:0;margin:10px}.l_main #comments #valine_container button{border:none;padding-left:2.4em;padding-right:2.4em;font-weight:bold;background-color:#1BC3FB;color:white;border-radius:4px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.l_main #comments #valine_container button:hover{background:#04a8df}.l_main #comments #valine_container blockquote{padding:20px;border-left:4px solid #1BC3FB;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.l_main #comments #valine_container blockquote p{text-align:left;word-wrap:normal;margin:0;font-size:15.75px;line-height:23.625px}.l_main #comments #valine_container pre code{border:none}.l_main #comments #valine_container code{font-family:Menlo,Monaco,monospace,"Lucida Console",'Source Code Pro',"Microsoft YaHei",Helvetica,Arial,sans-serif,'Ubuntu';font-size:14.4px;color:rgba(85,85,85,0.9)}.l_main #comments #valine_container a,.l_main #comments #valine_container .vemoji-btn,.l_main #comments #valine_container .vpreview-btn{color:#ff5722;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.l_main #comments #valine_container a:hover,.l_main #comments #valine_container .vemoji-btn:hover,.l_main #comments #valine_container .vpreview-btn:hover{color:#1BC3FB;text-decoration:underline}.l_main #comments #valine_container a:active,.l_main #comments #valine_container .vemoji-btn:active,.l_main #comments #valine_container .vpreview-btn:active{color:#037094}.l_main #comments #valine_container .vhead span.vnick{color:rgba(85,85,85,0.9)}.l_main #comments #valine_container .vhead a.vnick{color:#ff9800;font-weight:bold}.l_main #comments #valine_container .vhead a.vnick:hover{color:#1BC3FB;text-decoration:underline}.l_main #comments #valine_container .vmeta .vat{font-weight:bold;color:#1BC3FB;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.l_main #comments #valine_container .vmeta .vat:hover{color:#1BC3FB;text-decoration:underline}.l_main #comments #valine_container .vmeta .vat:active{color:#037094}.l_main #comments .vemojis{justify-content:space-between}.l_main #comments .vemojis i{width:auto;height:36px;padding:0;margin:8px 8px 0 8px}.l_main #comments .vemojis i .emoji{height:24px;margin-top:6px}.l_main #comments p .emoji{display:inline;height:28px}.l_main .post-wrapper{column-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid-column}.l_main .post-wrapper{padding:10px}.l_main .post-wrapper .post{padding:30px 20px}.l_main .post-wrapper .post .meta{margin-bottom:20px}.l_main .post-wrapper .post .meta .title{font-size:25.2px}.l_main .post-wrapper .post .full-width{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px;width:calc(100% + 2 * 20px)}.l_main .post-wrapper .post .auto-padding{padding-left:20px;padding-right:20px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;overflow:auto}.l_main .post-wrapper .post .highlight{margin-left:0;margin-right:0;width:calc(100% - 0 * 20px)}@media (max-width:580px){.l_main .post-wrapper .post .highlight{margin-left:0;margin-right:0;width:calc(100% - 0 * 20px)}.l_main .post-wrapper .post .auto-padding{padding-left:20px;padding-right:20px;border-bottom-left-radius:0;border-bottom-right-radius:0}}.l_main .post-wrapper .tags{margin-bottom:-30px}@media (max-width:580px){.l_main .post-wrapper{padding:0 0 20px 0}}.l_main .post{position:relative;margin:0 auto;padding:40px 30px;background:rgba(255,255,255,0.3);border-radius:8px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.l_main .post h1{font-weight:normal;font-size:32.4px;line-height:1.7;color:#555555}.l_main .post:hover{box-shadow:0 2px 4px 0 rgba(0,0,0,0.1),0 4px 8px 0 rgba(0,0,0,0.1),0 8px 16px 0 rgba(0,0,0,0.1),0 16px 32px 0 rgba(0,0,0,0.1)}.l_main .post:active{box-shadow:0 1px 2px 0 rgba(0,0,0,0.1),0 2px 4px 0 rgba(0,0,0,0.1)}@media (max-width:580px){.l_main .post{border-radius:0}.l_main .post:hover{box-shadow:0 1px 2px 0 rgba(0,0,0,0.1),0 2px 4px 0 rgba(0,0,0,0.1)}}.l_main .post .tags a{color:rgba(85,85,85,0.7)}.l_main .post .meta{color:rgba(85,85,85,0.7);font-size:14.9625px}.l_main .post .meta#header-meta{margin-top:0;margin-bottom:20px}.l_main .post .meta#footer-meta{margin-top:40px;margin-bottom:10px}.l_main .post .meta .aplayer{transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;width:65px;height:65px;border-radius:100%;float:right;margin:4px;box-shadow:0 1px 2px 0 rgba(0,0,0,0.1),0 2px 4px 0 rgba(0,0,0,0.1)}.l_main .post .meta .aplayer:hover{border-radius:25%;-webkit-transform:scale(1.1);transform:scale(1.1);box-shadow:0 2px 4px 0 rgba(0,0,0,0.1),0 4px 8px 0 rgba(0,0,0,0.1),0 8px 16px 0 rgba(0,0,0,0.1),0 16px 32px 0 rgba(0,0,0,0.1)}@media (max-width:580px){.l_main .post .meta .aplayer:hover{border-radius:100%;-webkit-transform:scale(1);transform:scale(1);box-shadow:0 1px 2px 0 rgba(0,0,0,0.1),0 2px 4px 0 rgba(0,0,0,0.1)}}.l_main .post .meta .title{left:0;font-size:32.4px}@media (max-width:580px){.l_main .post .meta .title{font-size:25.2px}}.l_main .post .meta .title a{display:inline;line-height:1.7;font-weight:normal;color:#555555;text-decoration:none;font-size:32.4px}@media (max-width:580px){.l_main .post .meta .title a{font-size:25.2px}}.l_main .post .meta .title a:hover{color:#1BC3FB}.l_main .post .meta .tags{display:inline-flex;background:transparent;word-spacing:normal}.l_main .post .meta .metatag{transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;font-size:14.9625px;line-height:29px;height:28px;color:rgba(85,85,85,0.7);display:inline-flex;background:#EFEFEF;margin:4px 4px 4px 0px;padding:0px 8px 0px 2px;border-radius:4px;border-left:25px solid #4dd0fc}.l_main .post .meta .metatag:hover{background:#4dd0fc;color:white;border-left-width:30px;padding-right:10px}.l_main .post .meta .metatag:hover a{color:white}.l_main .post .meta .metatag:hover .fas,.l_main .post .meta .metatag:hover .fab{color:white}.l_main .post .meta .metatag i{width:28px;line-height:28px;color:white;margin-left:-28px}.l_main .post .meta .metatag a{color:rgba(85,85,85,0.7);transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.l_main .post .meta .metatag a:hover{color:#1BC3FB;color:white}.l_main .post .meta .metatag .categories{font-weight:normal;color:rgba(85,85,85,0.7)}.l_main .post .meta .metatag .tag{color:rgba(85,85,85,0.7)}.l_main .post .meta .metatag .fa-spinner{color:rgba(85,85,85,0.7);margin-left:2px}.l_main .post .meta .share:hover{background:#EFEFEF}.l_main .post .meta .share .share-body{display:flex}.l_main .post .meta .share .share-body a{margin-left:4px;padding-bottom:0;margin-bottom:0}.l_main .post .meta .share .share-body a img{margin:2px 0;height:24px;width:auto;background:transparent}.l_main .post .meta .share .share-body a i{display:inline-block;margin:0;padding:0;color:rgba(85,85,85,0.7)}.l_main .post .meta .share .share-body a:hover{text-decoration:none}.l_main .post .full-width,.l_main .post .highlight{margin-left:0;margin-right:0;width:calc(100% - 0 * 20px)}.l_main .post img{display:block;max-width:100%;border-radius:4px}@media (max-width:768px){.l_main{padding-right:0}.l_main .post{padding:30px 20px}.l_main .post .meta{margin-bottom:20px}.l_main .post .meta .title{font-size:25.2px}.l_main .post .full-width{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px;width:calc(100% + 2 * 20px)}.l_main .post .auto-padding{padding-left:20px;padding-right:20px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;overflow:auto}.l_main .post .highlight{margin-left:0;margin-right:0;width:calc(100% - 0 * 20px)}}@media (max-width:768px) and (max-width:580px){.l_main{width:100%}}@media (max-width:768px) and (max-width:580px){.l_main .post .highlight{margin-left:0;margin-right:0;width:calc(100% - 0 * 20px)}.l_main .post .auto-padding{padding-left:20px;padding-right:20px;border-bottom-left-radius:0;border-bottom-right-radius:0}}.l_main .prev-next{width:100%;display:flex;justify-content:space-between;align-items:baseline;color:rgba(85,85,85,0.5);margin:0}.l_main .prev-next .prev{text-align:left;border-top-right-radius:32px;border-bottom-right-radius:32px}.l_main .prev-next .next{text-align:right;border-top-left-radius:32px;border-bottom-left-radius:32px}.l_main .prev-next p{margin:20px}.l_main .prev-next a{color:rgba(255,87,34,0.9)}.l_main .prev-next section{color:rgba(85,85,85,0.8);padding:20px;border-radius:8px}.l_main .prev-next section:hover{color:#1BC3FB}@media (max-width:580px){.l_main .prev-next section{border-radius:0}}.l_side{width:285px;float:right;position:relative;display:flex;flex-direction:column}@media (max-width:1024px){.l_side{width:240px}}@media (max-width:768px){.l_side{margin:20px 0 0;width:100%}}.l_side .toc-wrapper{z-index:1;overflow:hidden;border-radius:8px;position:-webkit-sticky;position:sticky;top:75px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.l_side .toc-wrapper header{position:-webkit-sticky;position:sticky;width:100%;top:0}.l_side .toc-wrapper .content{padding:10px 0;max-height:500px;overflow:auto}.l_side .toc-wrapper .content.pure{padding-top:0}.l_side .toc-wrapper .content a{border-left:4px solid transparent}.l_side .toc-wrapper .content a:hover{color:#555;border-left:4px solid #1BC3FB}.l_side .toc-wrapper .content a:active{border-left:8px solid #1BC3FB}.l_side .toc-wrapper .content a.active{color:#555;border-left:4px solid #1BC3FB;background:rgba(27,195,251,0.1)}.l_side .toc-wrapper.active{position:fixed;box-shadow:0 2px 4px 0 rgba(0,0,0,0.1),0 4px 8px 0 rgba(0,0,0,0.1),0 8px 16px 0 rgba(0,0,0,0.1),0 16px 32px 0 rgba(0,0,0,0.1)}.l_side .toc-wrapper.active header .s-toc{-webkit-transform:rotate(30deg);transform:rotate(30deg)}@media (max-width:580px){.l_side .toc-wrapper{position:fixed;max-height:1000px;top:55px;box-shadow:0 2px 4px 0 rgba(0,0,0,0.1),0 4px 8px 0 rgba(0,0,0,0.1),0 8px 16px 0 rgba(0,0,0,0.1),0 16px 32px 0 rgba(0,0,0,0.1);visibility:hidden;-webkit-transform:scale(0, 0);transform:scale(0, 0);-webkit-transform-origin:right top;transform-origin:right top}.l_side .toc-wrapper .rightBtn{display:none}.l_side .toc-wrapper.active{visibility:visible;-webkit-transform:scale(1, 1);transform:scale(1, 1)}}.l_side .toc-wrapper a{padding-left:8px;color:rgba(85,85,85,0.6);font-size:15.75px;display:inline-block}.l_side .toc-wrapper ol .toc-item.toc-level-1 .toc-child a{padding-left:16px;font-weight:normal}.l_side .toc-wrapper ol .toc-item.toc-level-2 .toc-child a{padding-left:32px;font-weight:normal}.l_side .toc-wrapper ol .toc-item.toc-level-3 .toc-child a{padding-left:48px;font-weight:normal}.l_side .toc-wrapper ol .toc-item.toc-level-4 .toc-child a{padding-left:64px;font-weight:normal}.l_side .toc-wrapper ol li{width:auto;text-align:left}.l_side .toc-wrapper ol li a{padding:0 10px 0 15px;font-weight:bold;width:100%}.l_side .toc-wrapper:empty{display:none}.l_side section{z-index:0;background:rgba(255,255,255,0.3);margin-top:20px;font-family:'SourceSansPro',Menlo,Monaco,monospace,"Lucida Console",sans-serif,"Source Sans Pro","Helvetica Neue",Helvetica,"Hiragino Sans GB","Hiragino Sans GB W3",Source Han Sans CN Regular,WenQuanYi Micro Hei,"Microsoft YaHei",Arial,sans-serif;font-size:18px;border-radius:8px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;width:285px;max-height:calc(100% - 55px - 4 * 20px)}.l_side section:first-child{margin-top:0}.l_side section:hover{box-shadow:0 2px 4px 0 rgba(0,0,0,0.1),0 4px 8px 0 rgba(0,0,0,0.1),0 8px 16px 0 rgba(0,0,0,0.1),0 16px 32px 0 rgba(0,0,0,0.1)}.l_side section:active{box-shadow:0 1px 2px 0 rgba(0,0,0,0.1),0 2px 4px 0 rgba(0,0,0,0.1)}@media (max-width:1024px){.l_side section{width:240px}}@media (max-width:768px){.l_side section{width:100%}}@media (max-width:580px){.l_side section{width:calc(100% - 2 * 20px);margin:20px 20px 0 20px}}.l_side section header{display:flex;justify-content:space-between;border-top-left-radius:8px;border-top-right-radius:8px;background-color:#1BC3FB;color:white;font-weight:bold;line-height:1.5em;padding:8px 20px}.l_side section header .rightBtn{color:white}.l_side section header .rightBtn:hover{color:#037094}.l_side section header .rightBtn:hover.rotate90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.l_side section header.pure{background-color:rgba(255,255,255,0.3);color:#1BC3FB;padding-top:14px;padding-bottom:14px}.l_side section header.pure .rightBtn{color:#1BC3FB}.l_side section header.pure .rightBtn:hover{color:#037094}.l_side section .content{text-align:justify;padding:10px;max-height:calc(100% - 55px - 12.5 * 20px)}.l_side section .content ul.entry>li>a{padding:0 20px;line-height:36px;height:36px;display:flex;justify-content:space-between;align-content:center;border-left:2px solid transparent;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.l_side section .content ul.entry>li>a .name{flex:auto;color:rgba(85,85,85,0.8)}.l_side section .content ul.entry>li>a .badge{flex:none;font-weight:normal;font-size:15.75px;color:rgba(85,85,85,0.7)}.l_side section .content ul.entry>li>a:hover{border-left:4px solid #1BC3FB;background:rgba(27,195,251,0.1)}.l_side section .content ul.entry>li>a:active{border-left:8px solid #1BC3FB}.l_side section.author{transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.l_side section.author .content{padding:0}.l_side section.author .content div.avatar{display:flex;justify-content:center}.l_side section.author .content img{padding:0;margin:0;display:flex;justify-content:center;width:285px;height:285px;border-top-left-radius:8px;border-top-right-radius:8px}@media (max-width:1024px){.l_side section.author .content img{width:240px;height:240px}}@media (max-width:768px){.l_side section.author .content img{width:96px;height:96px;border-radius:100%;margin-top:10px;padding:10px}}.l_side section.author .content h2{text-align:center;font-weight:bold;margin:10px}@media (max-width:768px){.l_side section.author .content h2{margin:10px}}.l_side section.author .content p{font-size:18px;font-weight:bold;text-align:center;margin:10px 10px 0 10px;empty-cells:hide}.l_side section.author .content .social-wrapper{display:flex;justify-content:space-between;flex-wrap:wrap;padding:4px 10px}.l_side section.author .content .social-wrapper a{color:rgba(85,85,85,0.7);transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.l_side section.author .content .social-wrapper a:hover{color:#1BC3FB}.l_side section.author .content .social-wrapper a.social{display:flex;justify-content:center;align-items:center;width:32px;height:32px;margin:4px;border-radius:100px}.l_side section.author .content .social-wrapper a.social:hover{background:rgba(27,195,251,0.1);color:#1BC3FB}@media (max-width:768px){.l_side section.author .content .social-wrapper{justify-content:center}}@media (max-width:768px){.l_side section.author{box-shadow:none;background:#EFEFEF;margin-top:40px}}.l_side section.plain .content{font-size:15.75px;font-weight:bold;word-break:break-all;padding:10px 20px;line-height:23.75px}.l_side section.plain .content.pure{padding:0 20px 20px 20px}.l_side section.plain .content a{color:#ff5722;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.l_side section.plain .content a:hover{color:#1BC3FB;text-decoration:underline}.l_side section.plain .content a:active{color:#037094}.l_side section.list .content{padding:10px 0}.l_side section.list .content.pure{padding-top:0}.l_side section.list .content a{font-size:15.75px;font-weight:bold}.l_side section.list .content a:hover{text-decoration:none}.l_side section.list .content a i{color:rgba(85,85,85,0.7);line-height:36px;margin-right:3px}.l_side section.list .content a img{display:inline;vertical-align:middle;height:18px;width:18px;margin-bottom:4px}.l_side section.list .content a img#round{border-radius:100%}.l_side section.category .content{padding:10px 0;font-size:15.75px;font-weight:bold}.l_side section.category .content.pure{padding-top:0}.l_side section.tagcloud .content{text-align:justify;padding:10px 20px}.l_side section.tagcloud .content.pure{padding:0 20px 20px 20px}.l_side section.tagcloud .content a{display:inline-block;transition:all .1s ease;-moz-transition:all .1s ease;-webkit-transition:all .1s ease;-o-transition:all .1s ease;line-height:1.6em}.l_side section.tagcloud .content a:hover{color:#1BC3FB !important;text-decoration:underline}.l_side section.music header.pure{padding-bottom:5px}.l_side section.music .content{padding:14px;padding-top:10px}.l_side section.music .content.pure{padding-top:5px}.l_side section.music .content .aplayer{border-radius:4px}#archive-page{margin-bottom:40px}#archive-page .archive{position:relative}#archive-page .archive .archive-year{font-size:18px;margin-top:4em;margin-bottom:1em}#archive-page .archive .archive-year:first-child{margin-top:0em;padding-top:0}#archive-page .archive .archive-year h2{margin-top:1em}#archive-page .archive .archive-year a{color:#555555;text-decoration:none}#archive-page .archive .archive-post a{width:100%;display:inline-flex;flex-flow:row nowrap;justify-content:flex-start;align-items:flex-start;text-decoration:none}#archive-page .archive .archive-post time{color:#555555;flex:none;font-size:15.75px;padding:.5em .5em .5em 3em}@media (max-width:580px){#archive-page .archive .archive-post time{padding:.5em .5em .5em 0}}#archive-page .archive .archive-post .title{flex:auto;padding:.5em;font-size:15.75px;color:rgba(85,85,85,0.8)}.article{color:#555555;font-size:18px;line-height:1.7;word-break:break-all;word-wrap:break-word}.article img{position:relative;margin:0 auto;background:white;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}@media (max-width:580px){.article img{box-shadow:none}}.article span img{display:inline;margin:auto}.article hr{border:0;border-radius:1px;border-bottom:1px solid rgba(0,0,0,0.1)}.article p.small-img img,.article div.small-img img{width:auto;max-width:100%;margin:0;box-shadow:none}.article p{margin-top:.5em;margin-bottom:1em;text-align:justify;max-width:100%;overflow:auto}.article p strong{color:#555555;padding-left:2px;padding-right:2px}.article p .mjx-math{font-family:Menlo,Monaco,monospace,"Lucida Console",'Source Code Pro',"Microsoft YaHei",Helvetica,Arial,sans-serif,'Ubuntu';background:rgba(239,239,239,0.5);padding:10px;border-radius:8px}.article ul,.article ol{font-size:17.1px;list-style:initial;padding-left:10px;margin-left:10px;margin-bottom:1em}.article ul>li{list-style:initial}.article ol>li{margin-left:10px;list-style:decimal}.article a{color:#ff5722;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.article a:before{display:none}.article a:hover{color:#1BC3FB;text-decoration:underline}.article a:active{color:#037094}.article h1,.article h2,.article h3,.article h4,.article h5,.article h6{position:relative;font-family:'SourceSansPro',Menlo,Monaco,monospace,"Lucida Console",sans-serif,"Source Sans Pro","Helvetica Neue",Helvetica,"Hiragino Sans GB","Hiragino Sans GB W3",Source Han Sans CN Regular,WenQuanYi Micro Hei,"Microsoft YaHei",Arial,sans-serif;font-weight:normal;margin-top:1.5em;margin-bottom:1em}.article h1.title,.article h2.title,.article h3.title,.article h4.title,.article h5.title,.article h6.title{left:0}.article h1.title:before,.article h2.title:before,.article h3.title:before,.article h4.title:before,.article h5.title:before,.article h6.title:before{content:none}.article h1,.article h2{color:#1BC3FB;margin-top:2em}.article h3:first-child,.article h4:first-child,.article h5:first-child,.article h6:first-child{margin-top:0;padding-top:0}.article h1{font-size:27px}.article h2{font-size:25.2px}.article h3{font-size:21.6px;color:#222}.article h4{font-weight:bold;font-size:19.8px}.article h5{font-weight:bold;color:#555555;font-size:18px}.article h6{color:rgba(85,85,85,0.75);font-size:15.75px}.article .subtitle h6{color:rgba(85,85,85,0.9)}.article figure figcaption span{display:inline-block;margin-right:5px}.article blockquote{position:relative;width:100%;font-size:15.75px;background:rgba(27,195,251,0.1);margin:1em 0;padding:20px;border-left:8px solid #1BC3FB;border-radius:8px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.article blockquote p{text-align:left;word-wrap:normal;margin:0;font-size:15.75px;line-height:23.625px}.article blockquote footer strong{margin-right:7px}.article blockquote.pullquote.right{border-left:none;border-right:8px solid #1BC3FB}.article blockquote.pullquote.right p{text-align:right}.article pre{display:block;box-sizing:border-box;font-family:Menlo,Monaco,monospace,"Lucida Console",'Source Code Pro',"Microsoft YaHei",Helvetica,Arial,sans-serif,'Ubuntu';color:#555555}.article code{font-family:Menlo,Monaco,monospace,"Lucida Console",'Source Code Pro',"Microsoft YaHei",Helvetica,Arial,sans-serif,'Ubuntu';padding:3px 3px 0px 3px;margin:0px 2px;vertical-align:center;border-radius:2px;border:1px solid rgba(33,150,243,0.5);font-size:14.4px;background:rgba(33,150,243,0.1)}@media (max-width:580px){.article code{font-size:13.68px}}.article .readmore{font-family:'SourceSansPro',Menlo,Monaco,monospace,"Lucida Console",sans-serif,"Source Sans Pro","Helvetica Neue",Helvetica,"Hiragino Sans GB","Hiragino Sans GB W3",Source Han Sans CN Regular,WenQuanYi Micro Hei,"Microsoft YaHei",Arial,sans-serif;font-size:.8em;letter-spacing:.1em;margin-top:20px}.article .readmore a{text-decoration:none;display:inline-block;vertical-align:middle;line-height:2rem;font-weight:bold;background-color:#1BC3FB;padding:.2em 2.4em;color:white;border-radius:4px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.article .readmore a:hover{background:#04a8df}.article .tags{position:relative;padding-top:10px;padding-bottom:10px;font-size:15.75px;line-height:1.7;margin-top:20px;background:rgba(226,226,226,0.5);word-spacing:10px}.article .tags a{color:#555555;position:relative;display:inline-block;word-spacing:0;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.article .tags a:hover{color:#1BC3FB;background:transparent;text-decoration:none}.article table:not('.highlight table'){width:100%}.article table:not('.highlight table') td,.article table:not('.highlight table') th{padding:12px 24px}@media (max-width:580px){.article ul,.article ol{font-size:17.1px}.article figure{font-size:13px;line-height:1.6em}}.article .prev-next{width:100%;display:flex;justify-content:space-between;align-content:flex-start}.article .prev-next section{width:100%;padding:10px;color:rgba(85,85,85,0.7);background-color:rgba(239,239,239,0.5);border-radius:8px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.article .prev-next section p{font-size:18px;line-height:1.7;margin:0}.article .prev-next section h4{margin-top:10px;margin-bottom:10px;position:relative;font-family:'SourceSansPro',Menlo,Monaco,monospace,"Lucida Console",sans-serif,"Source Sans Pro","Helvetica Neue",Helvetica,"Hiragino Sans GB","Hiragino Sans GB W3",Source Han Sans CN Regular,WenQuanYi Micro Hei,"Microsoft YaHei",Arial,sans-serif;font-weight:bold;font-size:18px}@media (max-width:580px){.article .prev-next section h4{letter-spacing:-1px}}.article .prev-next section h6{margin:0;word-spacing:normal}.article .prev-next section .tags{background:transparent;padding:0;margin-top:10px;margin-bottom:0;font-size:14.175px;word-spacing:4px}.article .prev-next section:first-child{margin-left:0;margin-right:0}.article .prev-next .prev{text-align:left;margin-left:0;margin-right:10px;border-top-right-radius:8px;border-bottom-right-radius:8px}.article .prev-next .next{text-align:right;margin-left:10px;margin-right:0;border-top-left-radius:8px;border-bottom-left-radius:8px}.highlight{position:relative;width:100%;margin-top:1em;margin-bottom:1.2em;overflow:auto;display:block;background:#292929;font-size:14.9625px;font-family:Menlo,Monaco,monospace,"Lucida Console",'Source Code Pro',"Microsoft YaHei",Helvetica,Arial,sans-serif,'Ubuntu';line-height:1.7;border-radius:8px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.highlight figcaption{padding:5px 10px;background-color:#212121}.highlight table td,.highlight table th{padding:0}.highlight .gutter{width:24px;padding:0 12px;text-align:right;border-width:0;margin-left:0;background-color:#212121}.highlight .gutter pre{color:rgba(85,85,85,0.8)}.highlight .code{padding:20px;vertical-align:top;border:0 solid #eaeaea}.highlight .code:before{content:"";position:absolute;top:0;right:0;color:rgba(85,85,85,0.8);font-size:12.6px;padding:4px 8px 0;line-height:1.7}.highlight.html .code:before{content:"HTML"}.highlight.js .code:before{content:"JS"}.highlight.bash .code:before{content:"BASH"}.highlight.shell .code:before{content:"SHELL"}.highlight.css .code:before{content:"CSS"}.highlight.less .code:before{content:"LESS"}.highlight.swift .code:before{content:"SWIFT"}.highlight.objc .code:before{content:"OBJECTIVE-C"}.highlight.c .code:before{content:"C"}.highlight.java .code:before{content:"JAVA"}.highlight.python .code:before{content:"PYTHON"}.highlight.plain .code:before{content:""}.highlight::-webkit-scrollbar{height:4px;width:4px}.highlight::-webkit-scrollbar-track-piece{background:transparent}.highlight::-webkit-scrollbar-thumb{background:#1c1c1c;cursor:pointer;border-radius:8px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}.highlight::-webkit-scrollbar-thumb:hover{background:#0a0a0a}@media (max-width:580px){.article .highlight{font-size:14.214375px}}.art-item-footer{height:40px;line-height:1.7;font-size:15.75px}.art-item-footer .art-item-left,.art-item-footer .art-item-right{width:50%;height:40px;line-height:40px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.art-item-footer .art-item-left{float:left;text-align:left}.art-item-footer .art-item-right{float:right;text-align:right}@media (max-width:580px){.art-item-footer{font-size:14.214375px}}pre .marked{background-color:rgba(255,189,43,0.2);border-radius:2px;border:1px solid rgba(255,189,43,0.4)}pre .comment,pre .title{color:rgba(85,85,85,0.6)}pre .keyword,pre .javascript .function,pre .attr{color:#9c27b0}pre .type,pre .built_in,pre .tag .name{color:#e96900}pre .variable,pre .attribute,pre .regexp,pre .ruby .constant,pre .xml .tag .title,pre .xml .pi,pre .xml .doctype,pre .html .doctype,pre .css .id,pre .css .class,pre .css .pseudo{color:#FD8607}pre .number,pre .preprocessor,pre .literal,pre .params,pre .constant{color:#FD8607}pre .class,pre .ruby .class .title,pre .css .rules .attribute{color:#ffcc66}pre .string,pre .value,pre .inheritance,pre .header,pre .ruby .symbol,pre .xml .cdata{color:#4caf50}pre .css .hexcolor{color:#66cccc}pre .function,pre .python .decorator,pre .python .title,pre .ruby .function .title,pre .ruby .title .keyword,pre .perl .sub,pre .javascript .title,pre .coffeescript .title{color:#6699cc}.html .tag .name{color:#EE2B29}#page-nav{position:relative;width:100%;padding:20px 0px}#page-nav .page-number,#page-nav .space{display:none}#page-nav .next,#page-nav .prev{font-size:.8125em;font-weight:normal;color:#aaa;border-radius:2px}#page-nav .next:hover,#page-nav .prev:hover{color:#444444}#page-nav .next span,#page-nav .prev span{line-height:20px;vertical-align:middle}#page-nav .next span.icon,#page-nav .prev span.icon{position:relative;top:1px}#page-nav .next{float:right;padding:0 7px 2px 10px}#page-nav .prev{float:left;padding:0 10px 2px 7px}#u-search{display:none;position:fixed;top:0;left:0;width:100%;height:100%;padding:60px 20px;z-index:999999}@media (max-width:680px){#u-search{padding:0px}}#u-search .modal{position:fixed;height:80%;width:100%;max-width:640px;left:50%;top:0;margin:64px 0 0 -320px;background:#fff;box-shadow:0 7px 8px -4px rgba(0,0,0,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12);z-index:3;border-radius:8px}@media (max-width:680px){#u-search .modal{box-shadow:none;max-width:none;top:0;left:0;margin:0;height:100%;border-radius:0}}#u-search .modal .modal-ajax-content{opacity:0;visibility:hidden;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}#u-search .modal .modal-ajax-content.loaded{opacity:1;visibility:visible}#u-search .modal .modal-header{position:relative;width:100%;height:55px;background-color:#1BC3FB;z-index:3;border-top-left-radius:8px;border-top-right-radius:8px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}@media (max-width:680px){#u-search .modal .modal-header{padding:0px;border-radius:0}}#u-search .modal .modal-header .btn-close{display:block;position:absolute;width:55px;height:55px;top:0;right:0;color:white;cursor:pointer;text-align:center;line-height:55px;vertical-align:middle;font-size:2.3em;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;z-index:2}#u-search .modal .modal-header .btn-close:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg)}#u-search .modal .modal-header .modal-loading{position:absolute;bottom:0;left:0;width:100%;height:2px;background:transparent;z-index:1}#u-search .modal .modal-header .modal-loading .modal-loading-bar{display:block;position:relative;width:0%;height:100%;background:#fff;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}#u-search .modal .modal-header #u-search-modal-form{position:relative;width:100%;height:100%;z-index:2}#u-search .modal .modal-header #u-search-modal-form #u-search-modal-input{width:100%;padding:0px 50px;height:55px;font-size:18px;line-height:1.7;vertical-align:middle;color:white;border:none;background:transparent;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;font-weight:thin;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none}#u-search .modal .modal-header #u-search-modal-form #u-search-modal-input:focus{border-top-left-radius:8px;border-top-right-radius:8px}#u-search .modal .modal-header #u-search-modal-btn-submit{position:absolute;top:0;left:0;padding-left:5px;padding-top:2px;background:transparent;border:none;width:50px;height:55px;vertical-align:middle;font-size:2.3em;color:white;z-index:2}#u-search .modal .modal-footer{position:absolute;bottom:0;left:0;width:100%;height:50px;padding:0px 15px;background:#fff;border-top:1px solid #ddd}#u-search .modal .modal-footer .logo{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;z-index:0}#u-search .modal .modal-footer .logo a{display:inline-block}#u-search .modal .modal-footer .logo.google img{height:24px;margin-top:13px}#u-search .modal .modal-footer .logo.baidu img{height:22px;margin-top:14px}#u-search .modal .modal-footer .logo img{position:relative;display:inline-block;width:auto;height:18px;margin-top:16px}#u-search .modal .modal-footer .modal-error{position:relative;float:left;vertical-align:middle;line-height:50px;font-size:13px;z-index:1}#u-search .modal .modal-footer .modal-metadata{position:relative;float:left;vertical-align:middle;line-height:50px;font-size:13px;z-index:1}#u-search .modal .modal-footer .nav{position:relative;display:block;float:right;vertical-align:middle;font-size:13px;font-weight:500;line-height:50px;color:#828282;cursor:pointer;z-index:1}#u-search .modal .modal-footer .nav:hover{color:#444444}#u-search .modal .modal-footer .nav.btn-next{margin-left:10px}#u-search .modal .modal-footer .nav .icon{font-size:12px}#u-search .modal .modal-body{position:absolute;padding:64px 50px 80px 50px;width:100%;height:100%;top:0;left:0;overflow-y:scroll;-webkit-overflow-scrolling:touch}@media (max-width:680px){#u-search .modal .modal-body{padding:60px 20px 80px 20px}}#u-search .modal .modal-body .modal-results{list-style:none}#u-search .modal .modal-body .modal-results li{border-bottom:1px solid #e6e8ea}#u-search .modal .modal-body .modal-results li:last-child{border-bottom:none}#u-search .modal .modal-body .modal-results .result{position:relative;display:block;padding:15px 30px 15px 0px;text-decoration:none}#u-search .modal .modal-body .modal-results .result:hover .title{color:#1BC3FB}#u-search .modal .modal-body .modal-results .result .title{display:inline-block;max-width:100%;color:#6f6f6f;font-size:18px;font-weight:bold;padding:1px;margin-bottom:2px;line-height:1.7;white-space:normal;overflow:hidden;text-overflow:ellipsis}#u-search .modal .modal-body .modal-results .result .digest{display:block;white-space:pre-wrap;overflow:scroll;text-overflow:ellipsis;font-size:15.75px;line-height:1.7;color:#a2a2a2;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}#u-search .modal .modal-body .modal-results .result .icon{position:absolute;top:50%;right:0;margin-top:-4px;font-size:11px;color:#828282}#u-search .modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:1}#footer{position:relative;padding:40px 10px 80px 10px;width:100%;color:#4F4F4F;margin:0px auto;font-size:15.75px;overflow:hidden;text-align:center;font-family:'SourceSansPro',Menlo,Monaco,monospace,"Lucida Console",sans-serif,"Source Sans Pro","Helvetica Neue",Helvetica,"Hiragino Sans GB","Hiragino Sans GB W3",Source Han Sans CN Regular,WenQuanYi Micro Hei,"Microsoft YaHei",Arial,sans-serif}#footer .licenses{color:rgba(85,85,85,0.5);text-decoration:underline}#footer .codename{text-decoration:underline}#footer .social-wrapper{display:flex;justify-content:center;flex-wrap:wrap}#footer a{color:#4F4F4F;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}#footer a:hover{color:#1BC3FB}#footer a.social{position:relative;display:inline-block;text-align:center;display:flex;justify-content:center;align-items:center;width:42px;height:0;margin:10px;border-radius:100px}#footer a.social:hover{background:rgba(27,195,251,0.1);color:#1BC3FB}.article.typo.l_friends .friends-group h2{font-size:21.6px}.article.typo.l_friends .friends-group .friend-content{display:flex;flex-wrap:wrap;margin:-10px;border-radius:8px}.article.typo.l_friends .friends-group .friend-content .friend-card{display:flex;border-radius:8px;box-shadow:0 1px 2px 0 rgba(0,0,0,0.1),0 2px 4px 0 rgba(0,0,0,0.1),0 4px 8px 0 rgba(0,0,0,0.1);background:#eee;margin:10px;color:rgba(85,85,85,0.8);justify-content:flex-start;align-content:flex-start;flex-direction:column;width:calc(100%/3 - 20px)}@media (max-width:1024px){.article.typo.l_friends .friends-group .friend-content .friend-card{width:calc(100%/3 - 20px)}}@media (max-width:768px){.article.typo.l_friends .friends-group .friend-content .friend-card{width:calc(100%/2 - 20px)}}@media (max-width:580px){.article.typo.l_friends .friends-group .friend-content .friend-card{width:100%;margin:0 5px;border-radius:0;flex-direction:row}.article.typo.l_friends .friends-group .friend-content .friend-card:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.article.typo.l_friends .friends-group .friend-content .friend-card:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}}.article.typo.l_friends .friends-group .friend-content .friend-card:hover{text-decoration:none;box-shadow:0 2px 4px 0 rgba(0,0,0,0.1),0 4px 8px 0 rgba(0,0,0,0.1),0 8px 16px 0 rgba(0,0,0,0.1),0 16px 32px 0 rgba(0,0,0,0.1),0 32px 64px 0 rgba(0,0,0,0.1);-webkit-transform:scale(1.05);transform:scale(1.05);border-radius:8px}@media (max-width:580px){.article.typo.l_friends .friends-group .friend-content .friend-card:hover{-webkit-transform:scale(1.02);transform:scale(1.02);margin:10px 0}}.article.typo.l_friends .friends-group .friend-content .friend-card:hover .friend-left .avatar{-webkit-transform:scale(1.1) rotate(12deg);transform:scale(1.1) rotate(12deg);box-shadow:0 2px 4px 0 rgba(0,0,0,0.1),0 4px 8px 0 rgba(0,0,0,0.1),0 8px 16px 0 rgba(0,0,0,0.1),0 16px 32px 0 rgba(0,0,0,0.1)}.article.typo.l_friends .friends-group .friend-content .friend-card .friend-left{align-self:center}.article.typo.l_friends .friends-group .friend-content .friend-card .friend-left .avatar{width:64px;height:64px;min-width:64px;min-height:64px;margin:20px 10px 10px 10px;border-radius:100%;border:1px solid white;box-shadow:0 1px 2px 0 rgba(0,0,0,0.1),0 2px 4px 0 rgba(0,0,0,0.1)}@media (max-width:580px){.article.typo.l_friends .friends-group .friend-content .friend-card .friend-left .avatar{margin:20px}}.article.typo.l_friends .friends-group .friend-content .friend-card .friend-right{flex:1;margin:0 10px 10px 10px;display:flex;flex-direction:column;text-align:center}.article.typo.l_friends .friends-group .friend-content .friend-card .friend-right p{text-align:center}@media (max-width:580px){.article.typo.l_friends .friends-group .friend-content .friend-card .friend-right{margin:20px 20px 20px 0;text-align:left}.article.typo.l_friends .friends-group .friend-content .friend-card .friend-right p{text-align:left}}.article.typo.l_friends .friends-group .friend-content .friend-card .friend-right .friend-tags-wrapper{transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;margin-left:-2px;word-break:break-all;margin-bottom:10px}@media (max-width:580px){.article.typo.l_friends .friends-group .friend-content .friend-card .friend-right .friend-tags-wrapper{margin-bottom:0}}.article.typo.l_friends .friends-group .friend-content .friend-card .friend-right p{margin:0;text-shadow:0 1px 2px rgba(0,0,0,0.15)}.article.typo.l_friends .friends-group .friend-content .friend-card .friend-right p.friend-name{font-family:Skranji,'SourceSansPro',Menlo,Monaco,monospace,"Lucida Console",sans-serif,"Source Sans Pro","Helvetica Neue",Helvetica,"Hiragino Sans GB","Hiragino Sans GB W3",Source Han Sans CN Regular,WenQuanYi Micro Hei,"Microsoft YaHei",Arial,sans-serif;font-size:18px;font-weight:bold;padding-top:4px}.article.typo.l_friends .friends-group .friend-content .friend-card .friend-right p.tags{font-size:13.3875px;display:inline;background:none;word-wrap:break-word;padding-right:4px}
\ No newline at end of file