From 2416dffb33cbda86ef24037bcef5d74252556407 Mon Sep 17 00:00:00 2001
From: xieYj <xieYj@qq.com>
Date: Mon, 14 Feb 2022 16:53:02 +0800
Subject: [PATCH] =?UTF-8?q?=E8=BE=93=E5=87=BA=E5=BD=92=E6=A1=A3=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 archive.php           | 547 ++++--------------------------------------
 post.php              |   9 +-
 static/css/matery.css |   2 +-
 3 files changed, 49 insertions(+), 509 deletions(-)

diff --git a/archive.php b/archive.php
index 22fc418..d007fdb 100644
--- a/archive.php
+++ b/archive.php
@@ -31,533 +31,72 @@ $this->need('base/header.php');
     }
 </style>
 <main class="content" style="min-height: 837px;">
-<!--    <div class="container archive-calendar">-->
-<!--        <div class="card">-->
-<!--            <div id="post-calendar" class="card-content"-->
-<!--                 style="-webkit-tap-highlight-color: transparent; user-select: none; position: relative;"-->
-<!--                 _echarts_instance_="ec_1644732196773">-->
-<!--                <div style="position: relative; overflow: hidden; width: 772px; height: 177px; padding: 0px; margin: 0px; border-width: 0px; cursor: default;">-->
-<!--                    <canvas data-zr-dom-id="zr_0" width="965" height="221"-->
-<!--                            style="position: absolute; left: 0px; top: 0px; width: 772px; height: 177px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;"></canvas>-->
-<!--                </div>-->
-<!--                <div></div>-->
-<!--            </div>-->
-<!--        </div>-->
-<!--    </div>-->
-<!--    <script type="text/javascript"-->
-<!--            src="https://cdn.jsdelivr.net/gh/mobaijun/blog_css_js/echarts/echarts.min.js"></script>-->
-<!--    <script type="text/javascript">let myChart = echarts.init(document.getElementById("post-calendar")), option = {-->
-<!--            title: {top: 0, text: "文章日历", left: "center", textStyle: {color: "#3C4858"}},-->
-<!--            tooltip: {-->
-<!--                padding: 10,-->
-<!--                backgroundColor: "#555",-->
-<!--                borderColor: "#777",-->
-<!--                borderWidth: 1,-->
-<!--                formatter: function (e) {-->
-<!--                    e = e.value;-->
-<!--                    return '<div style="font-size: 14px;">' + e[0] + "：" + e[1] + "</div>"-->
-<!--                }-->
-<!--            },-->
-<!--            visualMap: {-->
-<!--                show: !0,-->
-<!--                showLabel: !0,-->
-<!--                categories: [0, 1, 2, 3, 4],-->
-<!--                calculable: !0,-->
-<!--                inRange: {symbol: "rect", color: ["#ebedf0", "#c6e48b", "#7bc96f", "#239a3b", "#196127"]},-->
-<!--                itemWidth: 12,-->
-<!--                itemHeight: 12,-->
-<!--                orient: "horizontal",-->
-<!--                left: "center",-->
-<!--                bottom: 0-->
-<!--            },-->
-<!--            calendar: [{-->
-<!--                left: "center",-->
-<!--                range: ["2021-02-11", "2022-02-11"],-->
-<!--                cellSize: [13, 13],-->
-<!--                splitLine: {show: !1},-->
-<!--                itemStyle: {color: "#196127", borderColor: "#fff", borderWidth: 2},-->
-<!--                yearLabel: {show: !1},-->
-<!--                monthLabel: {nameMap: "cn", fontSize: 11},-->
-<!--                dayLabel: {formatter: "{start}  1st", nameMap: "cn", fontSize: 11}-->
-<!--            }],-->
-<!--            series: [{-->
-<!--                type: "heatmap",-->
-<!--                coordinateSystem: "calendar",-->
-<!--                calendarIndex: 0,-->
-<!--                data: [["2021-02-11", 0], ["2021-02-12", 0], ["2021-02-13", 0], ["2021-02-14", 0], ["2021-02-15", 0], ["2021-02-16", 0], ["2021-02-17", 0], ["2021-02-18", 0], ["2021-02-19", 0], ["2021-02-20", 1], ["2021-02-21", 0], ["2021-02-22", 0], ["2021-02-23", 0], ["2021-02-24", 0], ["2021-02-25", 0], ["2021-02-26", 0], ["2021-02-27", 0], ["2021-02-28", 0], ["2021-03-01", 0], ["2021-03-02", 0], ["2021-03-03", 0], ["2021-03-04", 0], ["2021-03-05", 0], ["2021-03-06", 0], ["2021-03-07", 0], ["2021-03-08", 0], ["2021-03-09", 0], ["2021-03-10", 0], ["2021-03-11", 0], ["2021-03-12", 0], ["2021-03-13", 0], ["2021-03-14", 0], ["2021-03-15", 0], ["2021-03-16", 0], ["2021-03-17", 0], ["2021-03-18", 0], ["2021-03-19", 0], ["2021-03-20", 0], ["2021-03-21", 0], ["2021-03-22", 0], ["2021-03-23", 0], ["2021-03-24", 0], ["2021-03-25", 0], ["2021-03-26", 0], ["2021-03-27", 0], ["2021-03-28", 0], ["2021-03-29", 0], ["2021-03-30", 0], ["2021-03-31", 0], ["2021-04-01", 0], ["2021-04-02", 0], ["2021-04-03", 0], ["2021-04-04", 0], ["2021-04-05", 0], ["2021-04-06", 0], ["2021-04-07", 0], ["2021-04-08", 0], ["2021-04-09", 0], ["2021-04-10", 0], ["2021-04-11", 0], ["2021-04-12", 0], ["2021-04-13", 0], ["2021-04-14", 1], ["2021-04-15", 0], ["2021-04-16", 0], ["2021-04-17", 0], ["2021-04-18", 0], ["2021-04-19", 0], ["2021-04-20", 0], ["2021-04-21", 0], ["2021-04-22", 0], ["2021-04-23", 0], ["2021-04-24", 0], ["2021-04-25", 0], ["2021-04-26", 1], ["2021-04-27", 0], ["2021-04-28", 0], ["2021-04-29", 0], ["2021-04-30", 0], ["2021-05-01", 0], ["2021-05-02", 0], ["2021-05-03", 0], ["2021-05-04", 0], ["2021-05-05", 0], ["2021-05-06", 0], ["2021-05-07", 0], ["2021-05-08", 0], ["2021-05-09", 0], ["2021-05-10", 0], ["2021-05-11", 0], ["2021-05-12", 0], ["2021-05-13", 0], ["2021-05-14", 0], ["2021-05-15", 0], ["2021-05-16", 0], ["2021-05-17", 0], ["2021-05-18", 0], ["2021-05-19", 0], ["2021-05-20", 0], ["2021-05-21", 0], ["2021-05-22", 0], ["2021-05-23", 0], ["2021-05-24", 1], ["2021-05-25", 0], ["2021-05-26", 0], ["2021-05-27", 1], ["2021-05-28", 0], ["2021-05-29", 0], ["2021-05-30", 0], ["2021-05-31", 0], ["2021-06-01", 0], ["2021-06-02", 1], ["2021-06-03", 0], ["2021-06-04", 1], ["2021-06-05", 0], ["2021-06-06", 0], ["2021-06-07", 0], ["2021-06-08", 1], ["2021-06-09", 0], ["2021-06-10", 0], ["2021-06-11", 0], ["2021-06-12", 0], ["2021-06-13", 0], ["2021-06-14", 0], ["2021-06-15", 0], ["2021-06-16", 0], ["2021-06-17", 0], ["2021-06-18", 0], ["2021-06-19", 0], ["2021-06-20", 0], ["2021-06-21", 1], ["2021-06-22", 0], ["2021-06-23", 0], ["2021-06-24", 0], ["2021-06-25", 0], ["2021-06-26", 0], ["2021-06-27", 0], ["2021-06-28", 0], ["2021-06-29", 1], ["2021-06-30", 0], ["2021-07-01", 0], ["2021-07-02", 0], ["2021-07-03", 0], ["2021-07-04", 0], ["2021-07-05", 0], ["2021-07-06", 0], ["2021-07-07", 1], ["2021-07-08", 0], ["2021-07-09", 0], ["2021-07-10", 0], ["2021-07-11", 0], ["2021-07-12", 0], ["2021-07-13", 0], ["2021-07-14", 0], ["2021-07-15", 0], ["2021-07-16", 0], ["2021-07-17", 0], ["2021-07-18", 0], ["2021-07-19", 1], ["2021-07-20", 0], ["2021-07-21", 0], ["2021-07-22", 0], ["2021-07-23", 0], ["2021-07-24", 0], ["2021-07-25", 0], ["2021-07-26", 0], ["2021-07-27", 0], ["2021-07-28", 0], ["2021-07-29", 0], ["2021-07-30", 0], ["2021-07-31", 0], ["2021-08-01", 0], ["2021-08-02", 1], ["2021-08-03", 0], ["2021-08-04", 0], ["2021-08-05", 1], ["2021-08-06", 0], ["2021-08-07", 0], ["2021-08-08", 0], ["2021-08-09", 0], ["2021-08-10", 0], ["2021-08-11", 0], ["2021-08-12", 0], ["2021-08-13", 0], ["2021-08-14", 0], ["2021-08-15", 0], ["2021-08-16", 0], ["2021-08-17", 0], ["2021-08-18", 1], ["2021-08-19", 1], ["2021-08-20", 0], ["2021-08-21", 0], ["2021-08-22", 0], ["2021-08-23", 0], ["2021-08-24", 0], ["2021-08-25", 0], ["2021-08-26", 0], ["2021-08-27", 0], ["2021-08-28", 0], ["2021-08-29", 0], ["2021-08-30", 0], ["2021-08-31", 0], ["2021-09-01", 0], ["2021-09-02", 0], ["2021-09-03", 0], ["2021-09-04", 0], ["2021-09-05", 0], ["2021-09-06", 0], ["2021-09-07", 0], ["2021-09-08", 1], ["2021-09-09", 0], ["2021-09-10", 0], ["2021-09-11", 0], ["2021-09-12", 0], ["2021-09-13", 0], ["2021-09-14", 0], ["2021-09-15", 0], ["2021-09-16", 0], ["2021-09-17", 0], ["2021-09-18", 0], ["2021-09-19", 0], ["2021-09-20", 0], ["2021-09-21", 0], ["2021-09-22", 0], ["2021-09-23", 1], ["2021-09-24", 0], ["2021-09-25", 0], ["2021-09-26", 1], ["2021-09-27", 0], ["2021-09-28", 0], ["2021-09-29", 0], ["2021-09-30", 0], ["2021-10-01", 0], ["2021-10-02", 0], ["2021-10-03", 0], ["2021-10-04", 0], ["2021-10-05", 0], ["2021-10-06", 0], ["2021-10-07", 0], ["2021-10-08", 0], ["2021-10-09", 1], ["2021-10-10", 0], ["2021-10-11", 1], ["2021-10-12", 1], ["2021-10-13", 0], ["2021-10-14", 1], ["2021-10-15", 0], ["2021-10-16", 0], ["2021-10-17", 0], ["2021-10-18", 0], ["2021-10-19", 0], ["2021-10-20", 1], ["2021-10-21", 0], ["2021-10-22", 0], ["2021-10-23", 0], ["2021-10-24", 0], ["2021-10-25", 0], ["2021-10-26", 0], ["2021-10-27", 0], ["2021-10-28", 0], ["2021-10-29", 0], ["2021-10-30", 0], ["2021-10-31", 0], ["2021-11-01", 0], ["2021-11-02", 0], ["2021-11-03", 0], ["2021-11-04", 0], ["2021-11-05", 0], ["2021-11-06", 0], ["2021-11-07", 0], ["2021-11-08", 0], ["2021-11-09", 0], ["2021-11-10", 0], ["2021-11-11", 1], ["2021-11-12", 0], ["2021-11-13", 0], ["2021-11-14", 1], ["2021-11-15", 1], ["2021-11-16", 0], ["2021-11-17", 0], ["2021-11-18", 0], ["2021-11-19", 0], ["2021-11-20", 0], ["2021-11-21", 0], ["2021-11-22", 0], ["2021-11-23", 0], ["2021-11-24", 0], ["2021-11-25", 0], ["2021-11-26", 0], ["2021-11-27", 0], ["2021-11-28", 0], ["2021-11-29", 1], ["2021-11-30", 0], ["2021-12-01", 0], ["2021-12-02", 0], ["2021-12-03", 0], ["2021-12-04", 0], ["2021-12-05", 0], ["2021-12-06", 0], ["2021-12-07", 1], ["2021-12-08", 0], ["2021-12-09", 0], ["2021-12-10", 0], ["2021-12-11", 0], ["2021-12-12", 0], ["2021-12-13", 0], ["2021-12-14", 0], ["2021-12-15", 0], ["2021-12-16", 0], ["2021-12-17", 0], ["2021-12-18", 0], ["2021-12-19", 0], ["2021-12-20", 0], ["2021-12-21", 0], ["2021-12-22", 0], ["2021-12-23", 1], ["2021-12-24", 0], ["2021-12-25", 0], ["2021-12-26", 0], ["2021-12-27", 0], ["2021-12-28", 0], ["2021-12-29", 1], ["2021-12-30", 0], ["2021-12-31", 0], ["2022-01-01", 0], ["2022-01-02", 0], ["2022-01-03", 0], ["2022-01-04", 0], ["2022-01-05", 2], ["2022-01-06", 1], ["2022-01-07", 1], ["2022-01-08", 0], ["2022-01-09", 0], ["2022-01-10", 0], ["2022-01-11", 0], ["2022-01-12", 0], ["2022-01-13", 0], ["2022-01-14", 0], ["2022-01-15", 0], ["2022-01-16", 0], ["2022-01-17", 0], ["2022-01-18", 0], ["2022-01-19", 0], ["2022-01-20", 0], ["2022-01-21", 0], ["2022-01-22", 0], ["2022-01-23", 0], ["2022-01-24", 1], ["2022-01-25", 0], ["2022-01-26", 0], ["2022-01-27", 0], ["2022-01-28", 0], ["2022-01-29", 0], ["2022-01-30", 0], ["2022-01-31", 0], ["2022-02-01", 0], ["2022-02-02", 0], ["2022-02-03", 0], ["2022-02-04", 0], ["2022-02-05", 0], ["2022-02-06", 0], ["2022-02-07", 0], ["2022-02-08", 0], ["2022-02-09", 0], ["2022-02-10", 1], ["2022-02-11", 0]]-->
-<!--            }]-->
-<!--        };-->
-<!--        myChart.setOption(option)</script>-->
     <div id="cd-table" class="container archive-container">
         <div class="card">
-            <div class="card-content"><h4>目前产出 122 篇博客，继续加油！</h4>
-                <div class="archive"><h4 class="archive-year" id="2022">2022年</h4>
+            <div class="card-content"><h4>共100篇文章，继续加油吧！</h4>
+                <?php $this->widget('Widget_Contents_Post_Recent', 'pageSize=10000')->to($archives);
+                $year=0; $mon=0; $i=0; $j=0;
+                $output = '<div class="archive">';
+                while($archives->next()):
+                    $year_tmp = date('Y',$archives->created);
+                    $mon_tmp = date('m',$archives->created);
+                    $y=$year; $m=$mon;
+                    if ($mon != $mon_tmp && $mon > 0) $output .= '</div></div>';
+                    if ($year != $year_tmp && $year > 0) $output .= '</div>';
+                    if ($year != $year_tmp) {
+                        $year = $year_tmp;
+                        $output .= '<h4 class="archive-year">'. $year .' 年</h4><div>'; //输出年份
+                    }
+                    if ($mon != $mon_tmp) {
+                        $mon = $mon_tmp;
+                        //$output .= '<div><div><h4>'. $mon .' 月</h4><ul>'; //输出月份
+                    }
+                    $sot = "-";
+                    $output .= '
                     <div class="articles">
                         <div class="article content>">
                             <div class="article-sort-post">
-                                <div class="article-sort-item_title"><a href="/posts/323943495.html">
+                                <div class="article-sort-item_title"><a href="'.$archives->permalink .'">
                                         <h5><i class="fa fa-clock" style="font-size:1rem;cursor:pointer"></i>
                                             <time class="is-text-small" datetime="2022-02-10T07:35:05.000Z"
-                                                  itemprop="datePublished">2022-02-10
+                                                  itemprop="datePublished">'. $year. $sot. $mon. date('-d ', $archives->created).'
                                             </time>
                                         </h5>
-                                    </a><h6 class="is-6"><a href="/posts/323943495.html"></a><a
-                                                href="/posts/323943495.html">【WEB系列】使用StopWatch输出执行耗时</a></h6></div>
-                            </div>
-                        </div>
-                        <div class="article content>">
-                            <div class="article-sort-post">
-                                <div class="article-sort-item_title"><a href="/posts/772710478.html">
-                                        <h5><i class="fa fa-clock" style="font-size:1rem;cursor:pointer"></i>
-                                            <time class="is-text-small" datetime="2022-01-24T07:27:33.000Z"
-                                                  itemprop="datePublished">2022-01-24
-                                            </time>
-                                        </h5>
-                                    </a><h6 class="is-6"><a href="/posts/772710478.html"></a><a
-                                                href="/posts/772710478.html">【工具系列】Windows环境下切换JDK脚本</a></h6></div>
-                            </div>
-                        </div>
-                        <div class="article content>">
-                            <div class="article-sort-post">
-                                <div class="article-sort-item_title"><a href="/posts/2794875020.html">
-                                        <h5><i class="fa fa-clock" style="font-size:1rem;cursor:pointer"></i>
-                                            <time class="is-text-small" datetime="2022-01-07T07:10:24.000Z"
-                                                  itemprop="datePublished">2022-01-7
-                                            </time>
-                                        </h5>
-                                    </a><h6 class="is-6"><a href="/posts/2794875020.html"></a><a
-                                                href="/posts/2794875020.html">【Mybatis系列】Mybatis入门</a></h6></div>
-                            </div>
-                        </div>
-                        <div class="article content>">
-                            <div class="article-sort-post">
-                                <div class="article-sort-item_title"><a href="/posts/407876058.html">
-                                        <h5><i class="fa fa-clock" style="font-size:1rem;cursor:pointer"></i>
-                                            <time class="is-text-small" datetime="2022-01-06T05:57:34.000Z"
-                                                  itemprop="datePublished">2022-01-6
-                                            </time>
-                                        </h5>
-                                    </a><h6 class="is-6"><a href="/posts/407876058.html"></a><a
-                                                href="/posts/407876058.html">【Web系列】SpringBoot防护XSS攻击配置</a></h6></div>
-                            </div>
-                        </div>
-                        <div class="article content>">
-                            <div class="article-sort-post">
-                                <div class="article-sort-item_title"><a href="/posts/3490035493.html">
-                                        <h5><i class="fa fa-clock" style="font-size:1rem;cursor:pointer"></i>
-                                            <time class="is-text-small" datetime="2022-01-05T07:03:58.000Z"
-                                                  itemprop="datePublished">2022-01-5
-                                            </time>
-                                        </h5>
-                                    </a><h6 class="is-6"><a href="/posts/3490035493.html"></a><a
-                                                href="/posts/3490035493.html">【工具系列】常用maven命令介绍</a></h6></div>
-                            </div>
-                        </div>
-                        <div class="article content>">
-                            <div class="article-sort-post">
-                                <div class="article-sort-item_title"><a href="/posts/3701652676.html">
-                                        <h5><i class="fa fa-clock" style="font-size:1rem;cursor:pointer"></i>
-                                            <time class="is-text-small" datetime="2022-01-05T02:56:49.000Z"
-                                                  itemprop="datePublished">2022-01-5
-                                            </time>
-                                        </h5>
-                                    </a><h6 class="is-6"><a href="/posts/3701652676.html"></a><a
-                                                href="/posts/3701652676.html">【工具系列】轻量级虚拟机Multipass使用教程</a></h6></div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="archive"><h4 class="archive-year" id="2021">2021年</h4>
-                    <div class="articles">
-                        <div class="article content>">
-                            <div class="article-sort-post">
-                                <div class="article-sort-item_title"><a href="/posts/1982863623.html">
-                                        <h5><i class="fa fa-clock" style="font-size:1rem;cursor:pointer"></i>
-                                            <time class="is-text-small" datetime="2021-12-29T02:34:47.000Z"
-                                                  itemprop="datePublished">2021-12-29
-                                            </time>
-                                        </h5>
-                                    </a><h6 class="is-6"><a href="/posts/1982863623.html"></a><a
-                                                href="/posts/1982863623.html">【工具系列】mvnd：maven全新构建插件，提高性能</a></h6></div>
-                            </div>
-                        </div>
-                        <div class="article content>">
-                            <div class="article-sort-post">
-                                <div class="article-sort-item_title"><a href="/posts/649017238.html">
-                                        <h5><i class="fa fa-clock" style="font-size:1rem;cursor:pointer"></i>
-                                            <time class="is-text-small" datetime="2021-12-23T01:27:55.000Z"
-                                                  itemprop="datePublished">2021-12-23
-                                            </time>
-                                        </h5>
-                                    </a><h6 class="is-6"><a href="/posts/649017238.html"></a><a
-                                                href="/posts/649017238.html">【Linux系列】Docker启动Nginx配置动静分离</a></h6></div>
-                            </div>
-                        </div>
-                        <div class="article content>">
-                            <div class="article-sort-post">
-                                <div class="article-sort-item_title"><a href="/posts/1333172510.html">
-                                        <h5><i class="fa fa-clock" style="font-size:1rem;cursor:pointer"></i>
-                                            <time class="is-text-small" datetime="2021-12-07T01:38:19.000Z"
-                                                  itemprop="datePublished">2021-12-7
-                                            </time>
-                                        </h5>
-                                    </a><h6 class="is-6"><a href="/posts/1333172510.html"></a><a
-                                                href="/posts/1333172510.html">【Linux系列】Docker-Build在线地址错误异常解决</a></h6>
+                                    </a>
+                                    <h6 class="is-6">
+                                        <a href="'.$archives->permalink .'">'. $archives->title .'</a>
+                                    </h6>
                                 </div>
                             </div>
                         </div>
-                        <div class="article content>">
-                            <div class="article-sort-post">
-                                <div class="article-sort-item_title"><a href="/posts/1235765571.html">
-                                        <h5><i class="fa fa-clock" style="font-size:1rem;cursor:pointer"></i>
-                                            <time class="is-text-small" datetime="2021-11-29T02:20:00.000Z"
-                                                  itemprop="datePublished">2021-11-29
-                                            </time>
-                                        </h5>
-                                    </a><h6 class="is-6"><a href="/posts/1235765571.html"></a><a
-                                                href="/posts/1235765571.html">【Linux系列】Telnet 命令使用和详解</a></h6></div>
-                            </div>
-                        </div>
-                        <div class="article content>">
-                            <div class="article-sort-post">
-                                <div class="article-sort-item_title"><a href="/posts/3026103144.html">
-                                        <h5><i class="fa fa-clock" style="font-size:1rem;cursor:pointer"></i>
-                                            <time class="is-text-small" datetime="2021-11-15T02:41:17.000Z"
-                                                  itemprop="datePublished">2021-11-15
-                                            </time>
-                                        </h5>
-                                    </a><h6 class="is-6"><a href="/posts/3026103144.html"></a><a
-                                                href="/posts/3026103144.html">【DB系列】SpringBoot集成Flyway版本迭代框架</a></h6>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="article content>">
-                            <div class="article-sort-post">
-                                <div class="article-sort-item_title"><a href="/posts/4047318542.html">
-                                        <h5><i class="fa fa-clock" style="font-size:1rem;cursor:pointer"></i>
-                                            <time class="is-text-small" datetime="2021-11-13T17:27:22.000Z"
-                                                  itemprop="datePublished">2021-11-14
-                                            </time>
-                                        </h5>
-                                    </a><h6 class="is-6"><a href="/posts/4047318542.html"></a><a
-                                                href="/posts/4047318542.html">【Linux系列】CentOS-7下GitLab安装部署教程</a></h6>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="article content>">
-                            <div class="article-sort-post">
-                                <div class="article-sort-item_title"><a href="/posts/1095309802.html">
-                                        <h5><i class="fa fa-clock" style="font-size:1rem;cursor:pointer"></i>
-                                            <time class="is-text-small" datetime="2021-11-11T06:21:50.000Z"
-                                                  itemprop="datePublished">2021-11-11
-                                            </time>
-                                        </h5>
-                                    </a><h6 class="is-6"><a href="/posts/1095309802.html"></a><a
-                                                href="/posts/1095309802.html">【工具系列】FastGithub--GitHub加速工具</a></h6>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="article content>">
-                            <div class="article-sort-post">
-                                <div class="article-sort-item_title"><a href="/posts/841963446.html">
-                                        <h5><i class="fa fa-clock" style="font-size:1rem;cursor:pointer"></i>
-                                            <time class="is-text-small" datetime="2021-10-20T08:39:50.000Z"
-                                                  itemprop="datePublished">2021-10-20
-                                            </time>
-                                        </h5>
-                                    </a><h6 class="is-6"><a href="/posts/841963446.html"></a><a
-                                                href="/posts/841963446.html">【工具系列】搭建Jrebel破解服务器</a></h6></div>
-                            </div>
-                        </div>
-                        <div class="article content>">
-                            <div class="article-sort-post">
-                                <div class="article-sort-item_title"><a href="/posts/294529322.html">
-                                        <h5><i class="fa fa-clock" style="font-size:1rem;cursor:pointer"></i>
-                                            <time class="is-text-small" datetime="2021-10-14T03:18:53.000Z"
-                                                  itemprop="datePublished">2021-10-14
-                                            </time>
-                                        </h5>
-                                    </a><h6 class="is-6"><a href="/posts/294529322.html"></a><a
-                                                href="/posts/294529322.html">【转载】黄国平博士[致谢]完整版，人生失去动力的时候读一读</a></h6>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="article content>">
-                            <div class="article-sort-post">
-                                <div class="article-sort-item_title"><a href="/posts/2334558877.html">
-                                        <h5><i class="fa fa-clock" style="font-size:1rem;cursor:pointer"></i>
-                                            <time class="is-text-small" datetime="2021-10-12T07:19:34.000Z"
-                                                  itemprop="datePublished">2021-10-12
-                                            </time>
-                                        </h5>
-                                    </a><h6 class="is-6"><a href="/posts/2334558877.html"></a><a
-                                                href="/posts/2334558877.html">【DB系列】SpringBoot实现MySQL数据库备份与还原</a></h6>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="article content>">
-                            <div class="article-sort-post">
-                                <div class="article-sort-item_title"><a href="/posts/2432586935.html">
-                                        <h5><i class="fa fa-clock" style="font-size:1rem;cursor:pointer"></i>
-                                            <time class="is-text-small" datetime="2021-10-11T02:05:48.000Z"
-                                                  itemprop="datePublished">2021-10-11
-                                            </time>
-                                        </h5>
-                                    </a><h6 class="is-6"><a href="/posts/2432586935.html"></a><a
-                                                href="/posts/2432586935.html">【Git系列】Git 仓库体积过大，缩减记录</a></h6></div>
-                            </div>
-                        </div>
-                        <div class="article content>">
-                            <div class="article-sort-post">
-                                <div class="article-sort-item_title"><a href="/posts/386444203.html">
-                                        <h5><i class="fa fa-clock" style="font-size:1rem;cursor:pointer"></i>
-                                            <time class="is-text-small" datetime="2021-10-09T07:34:34.000Z"
-                                                  itemprop="datePublished">2021-10-9
-                                            </time>
-                                        </h5>
-                                    </a><h6 class="is-6"><a href="/posts/386444203.html"></a><a
-                                                href="/posts/386444203.html">【Linux系列】Linux中的Free命令详解</a></h6></div>
-                            </div>
-                        </div>
-                        <div class="article content>">
-                            <div class="article-sort-post">
-                                <div class="article-sort-item_title"><a href="/posts/2902111757.html">
-                                        <h5><i class="fa fa-clock" style="font-size:1rem;cursor:pointer"></i>
-                                            <time class="is-text-small" datetime="2021-09-26T07:55:35.000Z"
-                                                  itemprop="datePublished">2021-09-26
-                                            </time>
-                                        </h5>
-                                    </a><h6 class="is-6"><a href="/posts/2902111757.html"></a><a
-                                                href="/posts/2902111757.html">【MySQL系列】MySQL数据库备份与恢复-使用MySQLDump记录</a>
-                                    </h6></div>
-                            </div>
-                        </div>
-                        <div class="article content>">
-                            <div class="article-sort-post">
-                                <div class="article-sort-item_title"><a href="/posts/119849249.html">
-                                        <h5><i class="fa fa-clock" style="font-size:1rem;cursor:pointer"></i>
-                                            <time class="is-text-small" datetime="2021-09-23T02:13:41.000Z"
-                                                  itemprop="datePublished">2021-09-23
-                                            </time>
-                                        </h5>
-                                    </a><h6 class="is-6"><a href="/posts/119849249.html"></a><a
-                                                href="/posts/119849249.html">【Git系列】常用Git命令清单</a></h6></div>
-                            </div>
-                        </div>
-                        <div class="article content>">
-                            <div class="article-sort-post">
-                                <div class="article-sort-item_title"><a href="/posts/244631694.html">
-                                        <h5><i class="fa fa-clock" style="font-size:1rem;cursor:pointer"></i>
-                                            <time class="is-text-small" datetime="2021-09-08T08:21:39.000Z"
-                                                  itemprop="datePublished">2021-09-8
-                                            </time>
-                                        </h5>
-                                    </a><h6 class="is-6"><a href="/posts/244631694.html"></a><a
-                                                href="/posts/244631694.html">【随笔】转载|漫画｜面试焦虑？滚开！</a></h6></div>
-                            </div>
-                        </div>
-                        <div class="article content>">
-                            <div class="article-sort-post">
-                                <div class="article-sort-item_title"><a href="/posts/961492254.html">
-                                        <h5><i class="fa fa-clock" style="font-size:1rem;cursor:pointer"></i>
-                                            <time class="is-text-small" datetime="2021-08-19T03:27:50.000Z"
-                                                  itemprop="datePublished">2021-08-19
-                                            </time>
-                                        </h5>
-                                    </a><h6 class="is-6"><a href="/posts/961492254.html"></a><a
-                                                href="/posts/961492254.html">【Java基础】Java数据类型和MySql数据类型对应表</a></h6>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="article content>">
-                            <div class="article-sort-post">
-                                <div class="article-sort-item_title"><a href="/posts/594559550.html">
-                                        <h5><i class="fa fa-clock" style="font-size:1rem;cursor:pointer"></i>
-                                            <time class="is-text-small" datetime="2021-08-18T11:15:29.000Z"
-                                                  itemprop="datePublished">2021-08-18
-                                            </time>
-                                        </h5>
-                                    </a><h6 class="is-6"><a href="/posts/594559550.html"></a><a
-                                                href="/posts/594559550.html">【Linux系列】Ubuntu 20.04.2 LTS
-                                            Server版本设置静态IP地址</a></h6></div>
-                            </div>
-                        </div>
-                        <div class="article content>">
-                            <div class="article-sort-post">
-                                <div class="article-sort-item_title"><a href="/posts/283491354.html">
-                                        <h5><i class="fa fa-clock" style="font-size:1rem;cursor:pointer"></i>
-                                            <time class="is-text-small" datetime="2021-08-05T01:39:53.000Z"
-                                                  itemprop="datePublished">2021-08-5
-                                            </time>
-                                        </h5>
-                                    </a><h6 class="is-6"><a href="/posts/283491354.html"></a><a
-                                                href="/posts/283491354.html">【WEB系列】SpringBoot监控工具之《Actuator》</a></h6>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="article content>">
-                            <div class="article-sort-post">
-                                <div class="article-sort-item_title"><a href="/posts/4255110274.html">
-                                        <h5><i class="fa fa-clock" style="font-size:1rem;cursor:pointer"></i>
-                                            <time class="is-text-small" datetime="2021-08-02T08:07:58.000Z"
-                                                  itemprop="datePublished">2021-08-2
-                                            </time>
-                                        </h5>
-                                    </a><h6 class="is-6"><a href="/posts/4255110274.html"></a><a
-                                                href="/posts/4255110274.html">【WEB系列】SpringBoot异步任务记录</a></h6></div>
-                            </div>
-                        </div>
-                        <div class="article content>">
-                            <div class="article-sort-post">
-                                <div class="article-sort-item_title"><a href="/posts/2403615121.html">
-                                        <h5><i class="fa fa-clock" style="font-size:1rem;cursor:pointer"></i>
-                                            <time class="is-text-small" datetime="2021-07-19T03:18:38.000Z"
-                                                  itemprop="datePublished">2021-07-19
-                                            </time>
-                                        </h5>
-                                    </a><h6 class="is-6"><a href="/posts/2403615121.html"></a><a
-                                                href="/posts/2403615121.html">【WEB系列】SpringBoot数据库（URL）参数记录</a></h6>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="article content>">
-                            <div class="article-sort-post">
-                                <div class="article-sort-item_title"><a href="/posts/2298002216.html">
-                                        <h5><i class="fa fa-clock" style="font-size:1rem;cursor:pointer"></i>
-                                            <time class="is-text-small" datetime="2021-07-07T01:46:36.000Z"
-                                                  itemprop="datePublished">2021-07-7
-                                            </time>
-                                        </h5>
-                                    </a><h6 class="is-6"><a href="/posts/2298002216.html"></a><a
-                                                href="/posts/2298002216.html">【WEB系列】SpringBoot跨域及后端解决方案</a></h6></div>
-                            </div>
-                        </div>
-                        <div class="article content>">
-                            <div class="article-sort-post">
-                                <div class="article-sort-item_title"><a href="/posts/619134598.html">
-                                        <h5><i class="fa fa-clock" style="font-size:1rem;cursor:pointer"></i>
-                                            <time class="is-text-small" datetime="2021-06-29T02:17:58.000Z"
-                                                  itemprop="datePublished">2021-06-29
-                                            </time>
-                                        </h5>
-                                    </a><h6 class="is-6"><a href="/posts/619134598.html"></a><a
-                                                href="/posts/619134598.html">【Linux系列】Linux-MySQL数据备份和定时清理</a></h6>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="article content>">
-                            <div class="article-sort-post">
-                                <div class="article-sort-item_title"><a href="/posts/1643000683.html">
-                                        <h5><i class="fa fa-clock" style="font-size:1rem;cursor:pointer"></i>
-                                            <time class="is-text-small" datetime="2021-06-21T01:25:49.000Z"
-                                                  itemprop="datePublished">2021-06-21
-                                            </time>
-                                        </h5>
-                                    </a><h6 class="is-6"><a href="/posts/1643000683.html"></a><a
-                                                href="/posts/1643000683.html">【WEB系列】SpringBoot项目安装SSL协议</a></h6></div>
-                            </div>
-                        </div>
-                        <div class="article content>">
-                            <div class="article-sort-post">
-                                <div class="article-sort-item_title"><a href="/posts/313051912.html">
-                                        <h5><i class="fa fa-clock" style="font-size:1rem;cursor:pointer"></i>
-                                            <time class="is-text-small" datetime="2021-06-08T08:41:42.000Z"
-                                                  itemprop="datePublished">2021-06-8
-                                            </time>
-                                        </h5>
-                                    </a><h6 class="is-6"><a href="/posts/313051912.html"></a><a
-                                                href="/posts/313051912.html">【Linux系列】TaiShan
-                                            200ECS服务器安装Docker、influxdb、JDK</a></h6></div>
-                            </div>
-                        </div>
-                        <div class="article content>">
-                            <div class="article-sort-post">
-                                <div class="article-sort-item_title"><a href="/posts/1316700149.html">
-                                        <h5><i class="fa fa-clock" style="font-size:1rem;cursor:pointer"></i>
-                                            <time class="is-text-small" datetime="2021-06-04T07:24:23.000Z"
-                                                  itemprop="datePublished">2021-06-4
-                                            </time>
-                                        </h5>
-                                    </a><h6 class="is-6"><a href="/posts/1316700149.html"></a><a
-                                                href="/posts/1316700149.html">【Linux系列】Centos7安装并配置多网口</a></h6></div>
-                            </div>
-                        </div>
-                        <div class="article content>">
-                            <div class="article-sort-post">
-                                <div class="article-sort-item_title"><a href="/posts/2794786039.html">
-                                        <h5><i class="fa fa-clock" style="font-size:1rem;cursor:pointer"></i>
-                                            <time class="is-text-small" datetime="2021-06-02T08:57:49.000Z"
-                                                  itemprop="datePublished">2021-06-2
-                                            </time>
-                                        </h5>
-                                    </a><h6 class="is-6"><a href="/posts/2794786039.html"></a><a
-                                                href="/posts/2794786039.html">【Linux系列】Linux之cat命令高级版ccat安装使用</a></h6>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="article content>">
-                            <div class="article-sort-post">
-                                <div class="article-sort-item_title"><a href="/posts/4100025323.html">
-                                        <h5><i class="fa fa-clock" style="font-size:1rem;cursor:pointer"></i>
-                                            <time class="is-text-small" datetime="2021-05-27T08:44:22.000Z"
-                                                  itemprop="datePublished">2021-05-27
-                                            </time>
-                                        </h5>
-                                    </a><h6 class="is-6"><a href="/posts/4100025323.html"></a><a
-                                                href="/posts/4100025323.html">[转载]再谈谈这个沉重的话题:程序员的出路</a></h6></div>
-                            </div>
-                        </div>
-                        <div class="article content>">
-                            <div class="article-sort-post">
-                                <div class="article-sort-item_title"><a href="/posts/3639136044.html">
-                                        <h5><i class="fa fa-clock" style="font-size:1rem;cursor:pointer"></i>
-                                            <time class="is-text-small" datetime="2021-05-24T07:10:40.000Z"
-                                                  itemprop="datePublished">2021-05-24
-                                            </time>
-                                        </h5>
-                                    </a><h6 class="is-6"><a href="/posts/3639136044.html"></a><a
-                                                href="/posts/3639136044.html">【MySQL系列】'MySQL远程连接失败(错误码:2003)'</a></h6>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="article content>">
-                            <div class="article-sort-post">
-                                <div class="article-sort-item_title"><a href="/posts/1483848703.html">
-                                        <h5><i class="fa fa-clock" style="font-size:1rem;cursor:pointer"></i>
-                                            <time class="is-text-small" datetime="2021-04-26T08:00:35.000Z"
-                                                  itemprop="datePublished">2021-04-26
-                                            </time>
-                                        </h5>
-                                    </a><h6 class="is-6"><a href="/posts/1483848703.html"></a><a
-                                                href="/posts/1483848703.html">【Java基础】JavaSe-网络编程</a></h6></div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
+                    </div>    
+                    ';
+                endwhile;
+                $output .= '</div>';
+                echo $output;
+                ?>
             </div>
         </div>
     </div>
 </main>
-<!--分頁-->
+<!--分页：未实现-->
 <div class="container paging">
     <div class="row">
-        <div class="col s6 m4 l4"><a class="left btn-floating btn-large disabled"><i class="fas fa-angle-left"></i></a>
+        <!--上一页-->
+        <div class="col s6 m4 l4">
+            <a class="left btn-floating btn-large disabled"><i class="fas fa-angle-left"></i></a>
         </div>
+        <!--当前页/总页数-->
         <div class="page-info col m4 l4 hide-on-small-only">
             <div class="center-align b-text-gray">1 / 4</div>
         </div>
-        <div class="col s6 m4 l4"><a href="/archives/page/2/"
-                                     class="right btn-floating btn-large waves-effect waves-light bg-color"><i
-                        class="fas fa-angle-right"></i></a></div>
+        <!--下一页-->
+        <div class="col s6 m4 l4">
+            <a href="/archives/page/2/"
+                class="right btn-floating btn-large waves-effect waves-light bg-color"><i
+                        class="fas fa-angle-right"></i></a>
+        </div>
     </div>
 </div>
 
-<script>function showTime() {
-        $("#cd-timeline").show(), $("#cd-table").hide(), $("#sp-timeline").css("background", "linear-gradient(to right, #4cbf30 0%, #0f9d58 100%)"), $("#sp-timeline").css("color", "#fff"), $("#sp-table").css("background", "#F9EBEA"), $("#sp-table").css("color", "rgba(0,0,0,0.6)")
-    }
-
-    function showTable() {
-        $("#cd-timeline").hide(), $("#cd-table").show(), $("#sp-table").css("background", "linear-gradient(to right, #4cbf30 0%, #0f9d58 100%)"), $("#sp-table").css("color", "#fff"), $("#sp-timeline").css("background", "#F9EBEA"), $("#sp-timeline").css("color", "rgba(0,0,0,0.6)")
-    }</script>
-
 <?php $this->need('base/footer.php'); ?>
diff --git a/post.php b/post.php
index 4f612eb..bb04e8f 100644
--- a/post.php
+++ b/post.php
@@ -60,15 +60,15 @@ $this->need('base/article.style.php');
                             <hr>
                             <div class="reprint" id="reprint-statement">
                                 <div class="reprint__author"><span class="reprint-meta" style="font-weight:700"><i
-                                                class="fas fa-user">文章作者: </i></span><span class="reprint-info"><a
+                                                class="fas fa-user">文章作者: &nbsp;&nbsp;</i></span><span class="reprint-info"><a
                                                 href="<?php $this->author->permalink(); ?>"
                                                 rel="external nofollow noreferrer"><?php $this->author(); ?></a></span></div>
                                 <div class="reprint__type"><span class="reprint-meta" style="font-weight:700"><i
-                                                class="fas fa-link">文章链接: </i></span><span class="reprint-info"><a
+                                                class="fas fa-link">文章链接: &nbsp;&nbsp;</i></span><span class="reprint-info"><a
                                                 href="<?php $this->permalink() ?>"><?php $this->permalink() ?></a></span>
                                 </div>
                                 <div class="reprint__notice"><span class="reprint-meta" style="font-weight:700"><i
-                                                class="fas fa-copyright">版权声明: </i></span><span class="reprint-info">本博客所有文章除特別声明外，均采用 <a
+                                                class="fas fa-copyright">版权声明: &nbsp;&nbsp;</i></span><span class="reprint-info">本博客所有文章除特別声明外，均采用 <a
                                                 href="https://creativecommons.org/licenses/by/4.0/deed.zh"
                                                 rel="external nofollow noreferrer" target="_blank">CC BY 4.0</a> 许可协议。转载请注明来源 !</span></div>
                             </div>
@@ -81,7 +81,8 @@ $this->need('base/article.style.php');
                                     $("html, body").animate({scrollTop: $("#reprint-statement").offset().top - 80}, 800);
                                 }</script>
                             <div class="tag_share" style="display:block">
-                                <div class="post-meta__tag-list" style="display:inline-block">
+                                <!--先不要这个了-->
+                                <div class="post-meta__tag-list" style="display:none">
                                     <div class="article-tag"><a href="/tags/%E5%91%8A%E7%A4%BA/"><span
                                                     class="chip bg-color">告示</span></a></div>
                                 </div>
diff --git a/static/css/matery.css b/static/css/matery.css
index 3d09628..45be0ac 100644
--- a/static/css/matery.css
+++ b/static/css/matery.css
@@ -1,3 +1,3 @@
 /* build time:Wed Feb 02 2022 13:21:17 GMT+0800 (中国标准时间)*/
-@media only screen and (max-width:601px){.container{width:95%}}@media only screen and (min-width:600px) and (max-width:992px){.container{width:95%}}@media only screen and (min-width:993px){.container{width:85%;max-width:1125px}.post-container{width:90%;margin:0 auto;max-width:1250px}}body{background-color:#d3d7d4;margin:0;color:#34495e}h1{margin:38px 0 22px -5px;font-size:2rem;font-weight:700;line-height:2rem}h2{margin:32px 0 18px -5px;font-size:1.8rem;font-weight:700;line-height:1.8rem}h3{margin:28px 0 15px -4px;font-size:1.6rem;font-weight:700;line-height:1.7rem}h4{margin:24px 0 12px -4px;font-size:1.45rem;font-weight:700;line-height:1.45rem}h5{margin:20px 0 8px -4px;font-size:1.2rem;font-weight:700;line-height:1.2rem}h6{margin:16px 0 4px -4px;font-size:1.1rem;line-height:1.1rem}p{font-size:1rem;line-height:1.5rem}hr{margin:20px 0;border:0;border-top:1px solid #ccc}blockquote{border-left:5px solid #42b983;padding:1rem .8rem .2rem .8rem;color:#666;background-color:rgba(66,185,131,.1)}pre{padding:1.5rem 1.5rem 1.5rem 3.3rem!important;margin:1rem 0!important;background:#272822;overflow:auto;border-radius:.35rem;tab-size:4}code{padding:1px 5px;top:13px!important;font-family:Inconsolata,Monaco,Consolas,'Courier New',Courier,monospace;font-size:.91rem;color:#e96900;background-color:#f8f8f8;border-radius:2px}.code-area::after{content:" ";position:absolute;border-radius:50%;background:#ff5f56;width:12px;height:12px;top:0;left:12px;margin-top:12px;-webkit-box-shadow:20px 0 #ffbd2e,40px 0 #27c93f;box-shadow:20px 0 #ffbd2e,40px 0 #27c93f}.code_copy{position:absolute;top:.7rem;right:25px;z-index:1;filter:invert(50%);cursor:pointer}.codecopy_notice{position:absolute;top:.7rem;right:6px;z-index:1;filter:invert(50%);opacity:0}.code_lang{position:absolute;top:1.2rem;right:46px;line-height:0;font-weight:700;font-family:normal;z-index:1;filter:invert(50%);cursor:pointer}.code-expand{position:absolute;top:4px;right:0;filter:invert(50%);padding:7px;z-index:999!important;cursor:pointer;transition:all .3s;transform:rotate(0)}.code-closed .code-expand{transform:rotate(-180deg)!important;transition:all .3s}.code-closed pre::before{height:0}pre code{padding:0;color:#e8eaf6;background-color:#272822}pre[class*=language-]{padding:1.2em;margin:.5em 0}code[class*=language-],pre[class*=language-]{color:#e8eaf6;white-space:pre-wrap!important}b,strong{font-weight:700}dfn{font-style:italic}small{font-size:85%}cite{font-style:normal}mark{background-color:#fcf8e3;padding:.2em}.card{border-radius:5px;box-shadow:0 15px 35px rgba(50,50,93,.1),0 5px 15px rgba(0,0,0,.07)!important}.card .card-image img{border-radius:5px 5px 0 0}.container .row{margin-bottom:0}.bg-color{background-image:linear-gradient(to right,#4f5555 0,#4f5555 100%);opacity:.9}.text-color{color:#0f9d58!important}.white-color{color:#fff}.progress-bar{height:5px;position:fixed;bottom:0;z-index:300;background:linear-gradient(to right,#2b6447 0,#375830 100%);opacity:.7}.sidenav-overlay{z-index:500}.pd-header{margin-top:-64px}header .side-nav{width:240px;z-index:999;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 7px 10px 0 rgba(0,0,0,.12)}nav{box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 7px 10px 0 rgba(0,0,0,.12)}header .nav-transparent{background-color:transparent!important;background-image:none;box-shadow:none}header nav .brand-span{font-size:1.45rem}header .brand-logo .logo-img{height:65px;vertical-align:middle;padding-bottom:15px}header .brand-logo .logo-span{font-size:2.5rem;font-family:楷体}header .button-collapse i{font-size:1.5rem}header .side-nav .mobile-head{padding:0 15px}header .side-nav .mobile-head img{margin-top:15px;width:75px;height:75px}header .side-nav .mobile-head .logo-name{margin-top:-30px;font-size:1.5rem}header .side-nav .mobile-head .logo-desc{margin-top:-10px;padding-bottom:10px;font-size:.8rem;line-height:1.3rem;color:#e3e3e3}header .side-nav .menu-list li{padding:0;margin-left:-25px}header .side-nav .menu-list a{height:50px;line-height:50px;color:#34495e!important}.mobile-menu-list a i{margin-left:8px!important;font-size:1.16rem;color:#34495e!important}header .side-nav .fa-fw{width:3.3rem;text-align:left}header .side-nav .social-link{position:absolute;bottom:45px;padding-left:15px}.social-link a{font-size:1.4rem;display:inline;padding:0 12px}.cover-btns{position:relative;top:10vh;text-align:center}.cover-btns a{margin:10px 15px;padding:0 35px;height:45px;line-height:45px;font-size:1rem;color:#fff;border:1px solid #fff;background-color:transparent;border-radius:30px;box-shadow:none}.cover-btns a:hover{border:1px solid #f44336;background-color:#f44336;box-shadow:0 14px 26px -12px rgba(233,30,99,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(233,30,99,.2)}.cover-btns a i{font-size:1.1rem;padding-right:5px}.scroll-down{background:#333;margin:100px auto;-webkit-animation:scroll-down 1.5s infinite;-moz-animation:scroll-down 1.5s infinite;-o-animation:scroll-down 1.5s infinite;-ms-animation:scroll-down1 .5s infinite;animation:scroll-down 1.5s infinite}@-moz-keyframes scroll-down{0%{opacity:.4;top:0}50%{opacity:1;-ms-filter:none;filter:none;top:-16px}100%{opacity:.4;top:0}}@-webkit-keyframes scroll-down{0%{opacity:.4;top:0}50%{opacity:1;-ms-filter:none;filter:none;top:-16px}100%{opacity:.4;top:0}}@-o-keyframes scroll-down{0%{opacity:.4;top:0}50%{opacity:1;-ms-filter:none;filter:none;top:-16px}100%{opacity:.4;top:0}}@keyframes scroll-down{0%{opacity:.4;top:0}50%{opacity:1;-ms-filter:none;filter:none;top:-16px}100%{opacity:.4;top:0}}.cover-social-link{position:relative;top:23vh;width:100%;text-align:center}.cover-social-link a{padding:0 15px;font-size:1.35rem;color:#fff}header .go-back{float:left;position:relative;padding-left:5px;padding-right:5px;z-index:1;height:56px}header .go-back i{font-size:1.6rem;font-weight:200;line-height:56px}.bg-cover{position:relative;display:flex;align-items:center;height:60vh;padding:0;border:0;overflow:hidden;background-position:center center;background-size:cover;transform:translate3d(0,0,0)}.index-cover{height:100vh}.post-cover{height:40vh!important}.bg-cover:after{-webkit-animation:rainbow 60s infinite;animation:rainbow 60s infinite}.bg-cover:after,.bg-cover:before{position:absolute;z-index:1;width:100%;height:100%;display:block;left:0;top:0;content:""}.bg-cover .container{position:relative;color:#fff;z-index:2}.bg-cover .title{font-size:4rem;line-height:1.85em;margin-bottom:20px;position:relative}.bg-cover .description{font-weight:300;font-size:1.25rem;line-height:1.4em;color:#eee}.bg-cover .post-title{font-size:3rem}.carousel .indicators{padding-bottom:10px!important}.index-card{margin-top:-10px;padding-top:20px}.carousel-post .title{font-size:2.6rem}.dream{margin-top:20px;margin-bottom:40px}.dream .title,.music-player .title,.video-player .title{margin-bottom:20px;font-size:2rem;font-weight:700}.dream .text{opacity:.6;font-size:1.1rem}.music-player,.video-player{margin-top:10px;margin-bottom:10px}.dplayer-video,.music{box-shadow:0 5px 20px 0 rgba(0,0,0,.2),0 10px 20px -12px rgba(0,0,0,.5)!important}#recommend-sections{margin-top:-30px;padding-top:30px}.index-card .card .card-content{padding:5px 5px}@media only screen and (min-width:1418px){.recommend{margin-top:20px;padding:0 .75rem}}@media only screen and (max-width:601px){.index-card .card .card-content{padding:10px 10px}}@media only screen and (min-width:600px) and (max-width:992px){.index-card .card .card-content{padding:20px 20px}}.recommend .row .col{padding:0 1rem}.recommend .title{margin-top:10px;margin-bottom:10px;text-align:center;font-size:1.8rem;font-weight:700;line-height:1.8rem}.recommend .post-card:before{position:absolute;z-index:0;width:100%;height:100%;display:block;left:0;top:0;content:"";background-color:rgba(0,0,0,.3);border-radius:10px}.recommend .post-card{position:relative;width:100%;height:300px;max-height:300px;margin-bottom:15px;margin-top:15px;text-align:center;border:0;border-radius:10px;color:rgba(0,0,0,.87);background:#fff 50%;background-size:cover;box-shadow:0 15px 35px rgba(50,50,93,.1),0 5px 15px rgba(0,0,0,.07)}.recommend .post-card .post-body{position:relative;margin:0 auto;padding:1.8rem 1.25rem;z-index:2}.recommend .post-card .post-categories{margin:10px auto}.recommend .post-card .post-categories .category{padding:0 8px;color:hsla(0,0%,100%,.7)!important;font-size:.75rem;font-weight:500}.recommend .post-card a{color:#fff}.recommend .post-card .post-title{height:48px;margin-top:10px;margin-bottom:5px}.recommend .post-card .post-description{margin:20px auto;max-width:500px;height:65px;max-height:65px;font-size:14px;color:hsla(0,0%,100%,.78)!important}.recommend .post-card .read-more{height:40px;margin:.6rem 1px;font-size:.9rem;font-weight:400;line-height:40px;color:#fff;border-radius:30px;box-shadow:0 2px 2px 0 rgba(244,67,54,.14),0 3px 1px -2px rgba(244,67,54,.2),0 1px 5px 0 rgba(244,67,54,.12)}.recommend .post-card .read-more .icon{font-size:1.05rem;padding-right:10px}.archive-calendar{margin-top:-60px;max-width:820px}#post-calendar{width:100%;height:225px}.settings-content{margin-top:-10px}#articles{margin-top:10px;margin-bottom:10px}article a{margin-right:0!important;color:#525f7f;text-transform:none!important}article a:hover{font-weight:700;color:#42b983;text-decoration:underline}.articles .row{margin-left:0;margin-right:0}article .card{border-radius:5px;overflow:hidden}article .card-image{background-color:#222}article .card-image img{height:220px;border-radius:.3rem;opacity:.7}article .tag-image img{height:220px}article .card .card-content{padding:15px 15px 12px 18px}article .article-content .summary{padding-bottom:2px;padding-left:0;margin-bottom:6px;word-break:break-all}article .article-content .publish-author{float:right}.publish-date .icon-date{padding-right:5px}.publish-author .icon-category{padding-left:10px}.article-content .publish-author .post-category{padding-left:5px}article .card .card-action{padding:10px 15px 10px 18px;border-radius:0 0 8px 8px!important}article .article-tags .chip{margin:2px;font-size:.8rem;font-weight:400;height:22px;line-height:22px;color:#fff;border-radius:10px}.prev-next{margin-left:-.75rem}.prev-next .article-badge{min-width:3rem;margin-top:7px;padding:3px 10px 3px 8px;text-align:center;font-size:1rem;line-height:inherit;position:absolute;box-sizing:border-box;z-index:200;background-color:#fff;font-weight:500}.prev-next .left-badge{border-radius:8px 0 8px 0}.prev-next .right-badge{border-radius:0 8px 0 8px;right:10px}.paging{margin-bottom:15px}.paging .row{margin-left:0;margin-right:0}.paging .page-info{font-size:1.4rem;color:#888;padding-top:1rem}.paging i{font-size:2.5rem}.paging .disabled{background-color:#ccc!important}.paging .disabled i{color:#999!important}#artDetail{margin-top:-60px}@media only screen and (max-width:550px){#articleContent table{table-layout:fixed}}@media only screen and (min-width:1418px){#artDetail{margin-top:-60px;padding:0 .75rem}}#artDetail .card{box-shadow:0 10px 35px 2px rgba(0,0,0,.15),0 5px 15px rgba(0,0,0,.07),0 2px 5px -5px rgba(0,0,0,.1)!important}#artDetail .tag-cate{padding-bottom:15px}#artDetail a{margin-right:0!important;text-transform:none!important}#artDetail .article-info{padding:20px 20px 1px 25px;margin-bottom:-5px}#artDetail .article-tag{float:left}#artDetail .article-tag .chip{font-size:1rem;font-weight:400;height:25px;line-height:24px;color:#fff;border-radius:15px;margin-right:5px;margin-bottom:2px}#artDetail .tag_share .article-tag .chip{font-size:1rem;font-weight:400;height:25px;line-height:23px;border-radius:15px;margin-right:5px;margin-bottom:2px;color:#42b983;background:#fff;border:1px solid;transition:all .6s ease-in-out}#artDetail .tag_share .article-tag .chip:hover{color:#fff;background:#42b983}#artDetail .post-cate{float:right;color:#42b983}#artDetail .post-cate a{padding-right:5px;color:#42b983;font-weight:500}#artDetail .post-cate a:hover{text-decoration:underline}#artDetail .post-info{color:#525f7f}#artDetail .post-info .post-category{padding-right:4px;color:#525f7f}#artDetail .post-info .post-category:hover{font-weight:700;color:#42b983;text-decoration:underline}#artDetail .post-info .post-date{color:#525f7f}#artDetail .post-info .post-word-count{margin-left:15px}#artDetail .post-info .post-read{margin-left:15px;color:#525f7f}#artDetail .article-card-content{padding:0 15px 20px 18px}@media only screen and (max-width:601px){#artDetail .article-info{padding:15px 15px 1px 15px;margin-bottom:-5px}}@media only screen and (min-width:600px) and (max-width:992px){#artDetail .article-card-content{padding:0 30px 20px 32px}#artDetail .article-info{padding:15px 20px 0 28px;margin-bottom:-5px}}@media only screen and (min-width:993px){#artDetail .article-card-content{padding:0 25px 20px 25px}}#artDetail .reprint1{margin:15px 0 5px 0}#artDetail .reprint1 .reprint1-tip{margin-right:3px;font-size:1.05rem;font-weight:500}#artDetail .reprint1 a{font-size:1.05rem;color:#42b983;font-weight:500}#artDetail .reprint{margin:15px 0 5px 0}#artDetail .reprint .reprint-tip{margin:0 3px 22px 0;font-size:1.5rem;font-weight:500}#artDetail .reprint a{font-size:1.05rem;color:#42b983;font-weight:500}#articleContent p{margin:2px 2px 10px;font-size:1.05rem;line-height:1.85rem}#articleContent blockquote p{text-indent:.2rem}#articleContent a{padding:0 2px;color:#42b983;font-weight:500;text-decoration:underline;word-wrap:break-word}#articleContent .img-item{text-align:center}#articleContent img{max-width:100%;height:auto;cursor:pointer}#articleContent video{display:block;margin:30px auto;box-shadow:0 5px 35px 0 rgba(0,0,0,.2),0 10px 35px -11px rgba(0,0,0,.6);cursor:pointer}#articleContent ol,#articleContent ul{display:block;padding-left:2em!important;word-spacing:.05rem}#articleContent ol li,#articleContent ul li{display:list-item;line-height:1.8rem;font-size:1rem}#articleContent ul li{list-style-type:disc}#articleContent ul ul li{list-style-type:circle}#articleContent table,td,th{padding:12px 13px;border:1px solid #dfe2e5}table tr:nth-child(2n),thead{background-color:#fafafa}#articleContent table th{background-color:#f2f2f2;min-width:80px}#articleContent table td{min-width:80px}#articleContent [type=checkbox]:not(:checked),[type=checkbox]:checked{position:inherit;margin-left:-1.3rem;margin-right:.4rem;margin-top:-1px;vertical-align:middle;left:unset;visibility:visible}@media only screen and (min-width:600px){#article-share .social-share a{margin-left:15px!important}}.chip-container{margin-top:-60px}.chip-container .tag-title{margin-bottom:10px;color:#3c4858;font-size:1.75rem;font-weight:400}.chip-container .tag-chips{margin:1rem auto .5rem;max-width:98%;text-align:center}.chip-container .tags-posts{margin-top:20px}.chip-container .chip-default{color:#34495e}.chip-container .chip-active{color:#fff!important;background:linear-gradient(to bottom right,#ff5e3a 0,#ff2a68 100%)!important;box-shadow:2px 5px 10px #aaa!important}.chip-container .chip{margin:10px 10px;padding:0 14px;display:inline-block;height:38px;min-width:80px;line-height:39px;font-size:1rem;font-weight:500;border-radius:5px;word-wrap:break-word;cursor:pointer;box-shadow:0 3px 5px rgba(0,0,0,.12)}.chip-container .chip:hover{color:#fff;background:linear-gradient(to right,#4cbf30 0,#0f9d58 100%)!important}.chip .tag-length{margin-left:5px;margin-right:-2px;font-size:.5rem}.chip-default .tag-length{color:#e91e63;margin-top:1px}.chip-active .tag-length{color:#fff}#cd-timeline .year{position:relative;width:80px;height:80px;margin:10px 0 50px -20px;padding:21px 10px;background-color:#ff5722;color:#fff;font-size:1.8rem;font-weight:600}#cd-timeline .year a{color:#fff}#cd-timeline .month{position:relative;width:60px;height:60px;margin:10px 0 30px -10px;padding:14px 16px;background-color:#ef6c00;color:#fff;font-size:1.7rem;font-weight:600}#cd-timeline .month a{color:#fff}#cd-timeline .day{position:relative;padding:8px 10px;background-color:#ffa726;color:#fff;font-size:1.2rem;font-weight:500}#cd-timeline{max-width:820px;position:relative;margin-top:2rem;margin-bottom:2rem}#cd-timeline::before{content:'';position:absolute;top:0;left:18px;height:100%;width:4px;background:#0f9d58}@media only screen and (min-width:900px){#cd-timeline{margin-top:2rem;margin-bottom:2rem}#cd-timeline::before{left:50%;margin-left:-2px}#cd-timeline .year{margin:10px 0 50px -40px;padding:22px 11px}#cd-timeline .month{margin:10px 0 30px -30px;padding:14px 16px}}.cd-timeline-block{position:relative;margin:1em 0}.cd-timeline-block::after{clear:both;content:"";display:table}.cd-timeline-block:first-child{margin-top:0}.cd-timeline-block:last-child{margin-bottom:0}@media only screen and (min-width:870px){.cd-timeline-block{margin:1em 0}.cd-timeline-block:first-child{margin-top:0}.cd-timeline-block:last-child{margin-bottom:0}}.cd-timeline-img{position:absolute;top:0;left:0;width:40px;height:40px;border-radius:50%;box-shadow:0 0 0 4px #fff,inset 0 2px 0 rgba(0,0,0,.08),0 3px 0 4px rgba(0,0,0,.05)}@media only screen and (min-width:900px){.cd-timeline-img{width:40px;height:40px;left:50%;margin-left:-20px;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}.cssanimations .cd-timeline-img.is-hidden{visibility:hidden}.cssanimations .cd-timeline-img.bounce-in{visibility:visible;-webkit-animation:cd-bounce-1 .6s;-moz-animation:cd-bounce-1 .6s;animation:cd-bounce-1 .6s}}.cd-timeline-content{position:relative;margin-top:-40px;margin-left:60px;padding:0;border-radius:5px;background:#fff;box-shadow:0 15px 35px rgba(50,50,93,.1),0 5px 15px rgba(0,0,0,.07)!important}.cd-timeline-content::after{clear:both;content:"";display:table}.cd-timeline-content .card{margin:0}.cd-timeline-content::before{content:'';position:absolute;top:18px!important;right:100%;height:0;width:14px;margin-left:2px;margin-right:2px;border:1px dashed #ffa726}@media only screen and (min-width:768px){.cd-timeline-content h2{font-size:1.25rem}.cd-timeline-content p{font-size:1rem}.cd-timeline-content .cd-date,.cd-timeline-content .cd-read-more{font-size:.875rem}}@media only screen and (min-width:900px){.cd-timeline-content{margin-left:0;padding:0;width:45%}.cd-timeline-content::before{top:24px;left:100%}.cd-timeline-content .cd-read-more{float:left}.cd-timeline-block:nth-child(even) .cd-timeline-content{float:right}.cd-timeline-block:nth-child(even) .cd-timeline-content::before{top:24px;left:auto;right:100%;border-color:#ffa726}.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more{float:right}.cssanimations .cd-timeline-content.is-hidden{visibility:hidden}.cssanimations .cd-timeline-content.bounce-in{visibility:visible;-webkit-animation:cd-bounce-2 .6s;-moz-animation:cd-bounce-2 .6s;animation:cd-bounce-2 .6s}}.contact-container{width:90%;max-width:900px;margin-top:-60px}@media only screen and (max-width:600px){.contact-container{width:95%}}.about-container{width:90%;max-width:1225px;margin-top:-60px}@media only screen and (max-width:601px){.about-container{width:95%}}.post-statis{text-align:center}.post-statis .statis{display:inline-block;padding:.3rem .8rem;text-align:center;letter-spacing:.03rem}.post-statis .statis .count{display:block;font-size:1.3rem;font-weight:700;text-decoration:underline}.post-statis .statis .count a{color:#42b983}.post-statis .statis .name{font-size:.9rem;color:#777}#aboutme .social-link{margin:.5rem 0;text-align:center}#aboutme .social-link a{display:inline-block;width:2.3rem;height:2.3rem;line-height:2.2rem;margin:0 .5rem;padding:0;color:#fff;border:1px solid #0f9d58;background:radial-gradient(#4cbf30,#0f9d58);font-size:.9rem;border-radius:50%;box-shadow:0 4px 6px rgba(50,50,93,.21),0 2px 3px rgba(0,0,0,.1)}.profile .avatar-img{max-width:160px;width:100%;margin:0 auto;transform:translate3d(0,-65%,0);transition:all 2s}img:hover{transform:rotate(360deg)}.profile .author{margin-top:-80px}.profile .author .post-statis{margin:.5rem 0 1.4rem 0}.profile .author .title{margin-bottom:.1rem;font-size:1.8rem;font-weight:500;color:#3c4858}.profile .author .career{margin:8px 0;font-size:.9rem;font-weight:400;color:#777}#aboutme .profile .social-link{margin:1.5rem 0 .8rem 0}#aboutme .introduction{margin:1.5rem auto 3rem;max-width:600px;color:#999}.my-projects,.my-skills,.post-charts{padding:3.8rem 1.5rem .8rem 1.5rem}.my-gallery .title,.my-projects .title,.my-skills .title,.post-charts,.title{font-size:2rem;margin-bottom:2.25rem}.my-projects .info{max-width:360px;margin:0 auto;padding:1rem 0 1rem}.my-projects .info .icon{display:inline-block;width:76px;height:76px;text-align:center;line-height:76px;color:#fff;font-size:1.75rem;border-radius:50%}.my-projects .info .info-title{margin:1.25rem 0 .875rem;font-size:1.25rem;font-weight:500;line-height:1.5em}.my-projects .info .info-title a{color:#34495e}.my-projects .info .info-desc{margin:0 0 10px;font-size:.9rem;color:#999}.my-skills .skillbar{position:relative;display:block;max-width:360px;margin:15px auto;background:#eee;height:30px;border-radius:35px;-moz-border-radius:35px;-webkit-border-radius:35px;-webkit-transition:.4s linear;-moz-transition:.4s linear;-o-transition:.4s linear;transition:.4s linear;-webkit-transition-property:width,background-color;-moz-transition-property:width,background-color;-o-transition-property:width,background-color;transition-property:width,background-color}.skillbar .skillbar-title{position:absolute;top:0;left:0;width:110px;font-size:.9rem;color:#fff;border-radius:35px;-webkit-border-radius:35px;-moz-border-radius:35px}.skillbar .skillbar-title span{display:block;background:rgba(0,0,0,.15);padding:0 20px;height:30px;line-height:30px;border-radius:35px;-webkit-border-radius:35px;-moz-border-radius:35px}.skillbar .skillbar-bar{height:30px;width:0;border-radius:35px;-moz-border-radius:35px;-webkit-border-radius:35px}.skillbar .skill-bar-percent{position:absolute;right:10px;top:0;font-size:12px;height:30px;line-height:30px;color:#fff;color:rgba(0,0,0,.5)}.my-skills .other-skills{margin-top:2rem}.other-skills .sub-title{font-size:1.5rem}.other-skills .tag-chips{max-width:98%}.other-skills .chip{background-color:#fffffb;border:1px solid #eee}.other-skills .chip:hover{color:#fff;background:linear-gradient(to right,#7fb80e 0,#585eaa 100%);border:1px solid #4cbf30;box-shadow:0 5px 5px rgba(0,0,0,.25)}.my-gallery{margin:4.5rem auto 1rem;padding:0 1.2rem;max-width:1100px}.my-gallery .photo{margin:.5rem 0}.my-gallery .photo img{width:100%;height:200px;border-radius:10px;cursor:pointer}footer{padding-bottom:1px}footer .social-statis{margin-top:26px;position:relative}footer a{color:#dbdbdb}footer .copy-right{color:#dbdbdb}#searchIcon{font-size:1.2rem}#searchModal{min-height:500px;width:80%;background-color:rgba(0,0,0,.8)}#searchInput{color:#fff}#searchModal .search-header .title{font-size:1.6rem;color:coral}#searchResult{margin:-15px 0 10px 10px}#searchResult .search-result-list{margin-left:-8px;padding-left:0;color:#666}.search-result-list .search-result-title{font-size:1.4rem;color:#42b983}.search-result-list li{border-bottom:1px solid #e5e5e5;padding:15px 0 5px 0}.search-result-list .search-keyword{margin:0 2px;padding:1px 5px 1px 4px;border-radius:2px;background-color:#f2f2f2;color:#e96900;font-style:normal;white-space:pre-wrap}.top-scroll{display:none;position:fixed;right:15px;bottom:15px;padding-top:15px;margin-bottom:0;z-index:998}.top-scroll .btn-floating{background:linear-gradient(to bottom right,#ff5e3a 0,#ff2a68 100%);width:48px;height:48px}.top-scroll .btn-floating i{line-height:48px;font-size:1.8rem}@media screen and (min-width:368px) and (max-width:767px){.info-break-policy{word-break:keep-all;float:left;width:50%}}@media screen and (min-width:768px){.info-break-policy{word-break:keep-all;float:left;margin-right:15px}}@media screen and (max-width:367px){.info-break-policy{word-break:keep-all;float:left;width:100%}.custom-card{padding:0 2px!important}}.info-break-policy{margin-bottom:8px}.clearfix{clear:left}.img-shadow{box-shadow:0 5px 25px 0 rgba(0,0,0,.2),0 10px 30px -11px rgba(0,0,0,.6)}.img-margin{margin:2px auto 5px auto}.caption{text-align:center;margin:0 auto 15px auto}.center-caption{color:#525f7f;padding:5px;border-bottom:1px solid #d9d9d9}.lg-sub-html .center-caption{color:#fff!important;border-bottom:none}.overflow-policy{overflow:hidden}.block-with-text{overflow:hidden;position:relative;line-height:1.5em;max-height:3em;text-align:justify;margin-right:-1em;padding-right:1em}.block-with-text:before{content:'...';position:absolute;right:0;bottom:0}.block-with-text:after{content:'';position:absolute;right:0;width:1em;height:1em;margin-top:.2em;background:#fff}.nav-menu li .sub-nav{position:absolute;top:77px;list-style:none;margin-left:-20px;display:none}.nav-menu li .sub-nav li{text-align:center;clear:left;width:140px;height:35px;line-height:35px;position:relative}.nav-menu li .sub-nav li a{height:34px;line-height:34px;width:138px;padding:0;display:inline-block;border-radius:5px;color:#000}.nav-show i[aria-hidden=true]{-webkit-transform:rotate(180deg)!important;-moz-transform:rotate(180deg)!important;-o-transform:rotate(180deg)!important;-ms-transform:rotate(180deg)!important;transform:rotate(180deg)!important;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;transition:all .3s}.menus_item_child{background-color:rgba(255,255,255,.8);width:fit-content;border-radius:10px;-webkit-box-shadow:0 5px 20px -4px rgba(0,0,0,.5);box-shadow:0 5px 20px -4px rgba(0,0,0,.5);display:none;opacity:.98;-ms-filter:none;filter:none;-webkit-animation:sub_menus .3s .1s ease both;-moz-animation:sub_menus .3s .1s ease both;-o-animation:sub_menus .3s .1s ease both;-ms-animation:sub_menus .3s .1s ease both;animation:sub_menus .3s .1s ease both}.menus_item_child:before{content:"";position:absolute;top:-20px;left:50%;margin-left:-10px;border-width:10px;border-style:solid;border-color:transparent transparent rgba(255,255,255,.8)}.m-nav-item{position:relative;left:45px}.m-nav-item ul{display:none;background:rgba(255,255,255,.1)}.m-nav-item ul li{width:245px;height:50px;line-height:50px;text-align:center}.m-nav-show .m-icon{-webkit-transform:rotate(90deg)!important;-moz-transform:rotate(90deg)!important;-o-transform:rotate(90deg)!important;-ms-transform:rotate(90deg)!important;transform:rotate(90deg)!important;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;transition:all .3s}.m-nav-item>a:hover,.m-nav-show{color:#fff;background:rgba(255,255,255,.8)}.m-nav-item>a:hover:before,.m-nav-show>a:before{opacity:1}.m-nav-item .m-icon{position:absolute;right:65px;height:50px;padding:0;margin:0}.nav-item li:hover a{color:#fff;background:rgba(0,0,0,.1)}
+@media only screen and (max-width:601px){.container{width:95%}}@media only screen and (min-width:600px) and (max-width:992px){.container{width:95%}}@media only screen and (min-width:993px){.container{width:85%;max-width:1125px}.post-container{width:90%;margin:0 auto;max-width:1250px}}body{background-color:#d3d7d4;margin:0;color:#34495e}h1{margin:38px 0 22px -5px;font-size:2rem;font-weight:700;line-height:2rem}h2{margin:32px 0 18px -5px;font-size:1.8rem;font-weight:700;line-height:1.8rem}h3{margin:28px 0 15px -4px;font-size:1.6rem;font-weight:700;line-height:1.7rem}h4{margin:24px 0 12px -4px;font-size:1.45rem;font-weight:700;line-height:1.45rem}h5{margin:20px 0 8px -4px;font-size:1.2rem;font-weight:700;line-height:1.2rem}h6{margin:16px 0 4px -4px;font-size:1.1rem;line-height:1.1rem}p{font-size:1rem;line-height:1.5rem}hr{margin:20px 0;border:0;border-top:1px solid #ccc}blockquote{border-left:5px solid #42b983;padding:1rem .8rem .2rem .8rem;color:#666;background-color:rgba(66,185,131,.1)}pre{padding:1.5rem 1.5rem 1.5rem 3.3rem!important;margin:1rem 0!important;background:#272822;overflow:auto;border-radius:.35rem;tab-size:4}code{padding:1px 5px;top:13px!important;font-family:Inconsolata,Monaco,Consolas,'Courier New',Courier,monospace;font-size:.91rem;color:#e96900;background-color:#f8f8f8;border-radius:2px}.code-area::after{content:" ";position:absolute;border-radius:50%;background:#ff5f56;width:12px;height:12px;top:0;left:12px;margin-top:12px;-webkit-box-shadow:20px 0 #ffbd2e,40px 0 #27c93f;box-shadow:20px 0 #ffbd2e,40px 0 #27c93f}.code_copy{position:absolute;top:.7rem;right:25px;z-index:1;filter:invert(50%);cursor:pointer}.codecopy_notice{position:absolute;top:.7rem;right:6px;z-index:1;filter:invert(50%);opacity:0}.code_lang{position:absolute;top:1.2rem;right:46px;line-height:0;font-weight:700;font-family:normal;z-index:1;filter:invert(50%);cursor:pointer}.code-expand{position:absolute;top:4px;right:0;filter:invert(50%);padding:7px;z-index:999!important;cursor:pointer;transition:all .3s;transform:rotate(0)}.code-closed .code-expand{transform:rotate(-180deg)!important;transition:all .3s}.code-closed pre::before{height:0}pre code{padding:0;color:#e8eaf6;background-color:#272822}pre[class*=language-]{padding:1.2em;margin:.5em 0}code[class*=language-],pre[class*=language-]{color:#e8eaf6;white-space:pre-wrap!important}b,strong{font-weight:700}dfn{font-style:italic}small{font-size:85%}cite{font-style:normal}mark{background-color:#fcf8e3;padding:.2em}.card{border-radius:5px;box-shadow:0 15px 35px rgba(50,50,93,.1),0 5px 15px rgba(0,0,0,.07)!important}.card .card-image img{border-radius:5px 5px 0 0}.container .row{margin-bottom:0}.bg-color{background-image:linear-gradient(to right,#4f5555 0,#4f5555 100%);opacity:.9}.text-color{color:#0f9d58!important}.white-color{color:#fff}.progress-bar{height:5px;position:fixed;bottom:0;z-index:300;background:linear-gradient(to right,#2b6447 0,#375830 100%);opacity:.7}.sidenav-overlay{z-index:500}.pd-header{margin-top:-64px}header .side-nav{width:240px;z-index:999;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 7px 10px 0 rgba(0,0,0,.12)}nav{box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 7px 10px 0 rgba(0,0,0,.12)}header .nav-transparent{background-color:transparent!important;background-image:none;box-shadow:none}header nav .brand-span{font-size:1.45rem}header .brand-logo .logo-img{height:65px;vertical-align:middle;padding-bottom:15px}header .brand-logo .logo-span{font-size:2.5rem;font-family:楷体}header .button-collapse i{font-size:1.5rem}header .side-nav .mobile-head{padding:0 15px}header .side-nav .mobile-head img{margin-top:15px;width:75px;height:75px}header .side-nav .mobile-head .logo-name{margin-top:-30px;font-size:1.5rem}header .side-nav .mobile-head .logo-desc{margin-top:-10px;padding-bottom:10px;font-size:.8rem;line-height:1.3rem;color:#e3e3e3}header .side-nav .menu-list li{padding:0;margin-left:-25px}header .side-nav .menu-list a{height:50px;line-height:50px;color:#34495e!important}.mobile-menu-list a i{margin-left:8px!important;font-size:1.16rem;color:#34495e!important}header .side-nav .fa-fw{width:3.3rem;text-align:left}header .side-nav .social-link{position:absolute;bottom:45px;padding-left:15px}.social-link a{font-size:1.4rem;display:inline;padding:0 12px}.cover-btns{position:relative;top:10vh;text-align:center}.cover-btns a{margin:10px 15px;padding:0 35px;height:45px;line-height:45px;font-size:1rem;color:#fff;border:1px solid #fff;background-color:transparent;border-radius:30px;box-shadow:none}.cover-btns a:hover{border:1px solid #f44336;background-color:#f44336;box-shadow:0 14px 26px -12px rgba(233,30,99,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(233,30,99,.2)}.cover-btns a i{font-size:1.1rem;padding-right:5px}.scroll-down{background:#333;margin:100px auto;-webkit-animation:scroll-down 1.5s infinite;-moz-animation:scroll-down 1.5s infinite;-o-animation:scroll-down 1.5s infinite;-ms-animation:scroll-down1 .5s infinite;animation:scroll-down 1.5s infinite}@-moz-keyframes scroll-down{0%{opacity:.4;top:0}50%{opacity:1;-ms-filter:none;filter:none;top:-16px}100%{opacity:.4;top:0}}@-webkit-keyframes scroll-down{0%{opacity:.4;top:0}50%{opacity:1;-ms-filter:none;filter:none;top:-16px}100%{opacity:.4;top:0}}@-o-keyframes scroll-down{0%{opacity:.4;top:0}50%{opacity:1;-ms-filter:none;filter:none;top:-16px}100%{opacity:.4;top:0}}@keyframes scroll-down{0%{opacity:.4;top:0}50%{opacity:1;-ms-filter:none;filter:none;top:-16px}100%{opacity:.4;top:0}}.cover-social-link{position:relative;top:23vh;width:100%;text-align:center}.cover-social-link a{padding:0 15px;font-size:1.35rem;color:#fff}header .go-back{float:left;position:relative;padding-left:5px;padding-right:5px;z-index:1;height:56px}header .go-back i{font-size:1.6rem;font-weight:200;line-height:56px}.bg-cover{position:relative;display:flex;align-items:center;height:60vh;padding:0;border:0;overflow:hidden;background-position:center center;background-size:cover;transform:translate3d(0,0,0)}.index-cover{height:100vh}.post-cover{height:40vh!important}.bg-cover:after{-webkit-animation:rainbow 60s infinite;animation:rainbow 60s infinite}.bg-cover:after,.bg-cover:before{position:absolute;z-index:1;width:100%;height:100%;display:block;left:0;top:0;content:""}.bg-cover .container{position:relative;color:#fff;z-index:2}.bg-cover .title{font-size:4rem;line-height:1.85em;margin-bottom:20px;position:relative}.bg-cover .description{font-weight:300;font-size:1.25rem;line-height:1.4em;color:#eee}.bg-cover .post-title{font-size:3rem}.carousel .indicators{padding-bottom:10px!important}.index-card{margin-top:-10px;padding-top:20px}.carousel-post .title{font-size:2.6rem}.dream{margin-top:20px;margin-bottom:40px}.dream .title,.music-player .title,.video-player .title{margin-bottom:20px;font-size:2rem;font-weight:700}.dream .text{opacity:.6;font-size:1.1rem}.music-player,.video-player{margin-top:10px;margin-bottom:10px}.dplayer-video,.music{box-shadow:0 5px 20px 0 rgba(0,0,0,.2),0 10px 20px -12px rgba(0,0,0,.5)!important}#recommend-sections{margin-top:-30px;padding-top:30px}.index-card .card .card-content{padding:5px 5px}@media only screen and (min-width:1418px){.recommend{margin-top:20px;padding:0 .75rem}}@media only screen and (max-width:601px){.index-card .card .card-content{padding:10px 10px}}@media only screen and (min-width:600px) and (max-width:992px){.index-card .card .card-content{padding:20px 20px}}.recommend .row .col{padding:0 1rem}.recommend .title{margin-top:10px;margin-bottom:10px;text-align:center;font-size:1.8rem;font-weight:700;line-height:1.8rem}.recommend .post-card:before{position:absolute;z-index:0;width:100%;height:100%;display:block;left:0;top:0;content:"";background-color:rgba(0,0,0,.3);border-radius:10px}.recommend .post-card{position:relative;width:100%;height:300px;max-height:300px;margin-bottom:15px;margin-top:15px;text-align:center;border:0;border-radius:10px;color:rgba(0,0,0,.87);background:#fff 50%;background-size:cover;box-shadow:0 15px 35px rgba(50,50,93,.1),0 5px 15px rgba(0,0,0,.07)}.recommend .post-card .post-body{position:relative;margin:0 auto;padding:1.8rem 1.25rem;z-index:2}.recommend .post-card .post-categories{margin:10px auto}.recommend .post-card .post-categories .category{padding:0 8px;color:hsla(0,0%,100%,.7)!important;font-size:.75rem;font-weight:500}.recommend .post-card a{color:#fff}.recommend .post-card .post-title{height:48px;margin-top:10px;margin-bottom:5px}.recommend .post-card .post-description{margin:20px auto;max-width:500px;height:65px;max-height:65px;font-size:14px;color:hsla(0,0%,100%,.78)!important}.recommend .post-card .read-more{height:40px;margin:.6rem 1px;font-size:.9rem;font-weight:400;line-height:40px;color:#fff;border-radius:30px;box-shadow:0 2px 2px 0 rgba(244,67,54,.14),0 3px 1px -2px rgba(244,67,54,.2),0 1px 5px 0 rgba(244,67,54,.12)}.recommend .post-card .read-more .icon{font-size:1.05rem;padding-right:10px}.archive-calendar{margin-top:-60px;max-width:820px}#post-calendar{width:100%;height:225px}.settings-content{margin-top:-10px}#articles{margin-top:10px;margin-bottom:10px}article a{margin-right:0!important;color:#525f7f;text-transform:none!important}article a:hover{font-weight:700;color:#42b983;text-decoration:underline}.articles .row{margin-left:0;margin-right:0}article .card{border-radius:5px;overflow:hidden}article .card-image{background-color:#222}article .card-image img{height:220px;border-radius:.3rem;opacity:.7}article .tag-image img{height:220px}article .card .card-content{padding:15px 15px 12px 18px}article .article-content .summary{padding-bottom:2px;padding-left:0;margin-bottom:6px;word-break:break-all}article .article-content .publish-author{float:right}.publish-date .icon-date{padding-right:5px}.publish-author .icon-category{padding-left:10px}.article-content .publish-author .post-category{padding-left:5px}article .card .card-action{padding:10px 15px 10px 18px;border-radius:0 0 8px 8px!important}article .article-tags .chip{margin:2px;font-size:.8rem;font-weight:400;height:22px;line-height:22px;color:#fff;border-radius:10px}.prev-next{margin-left:-.75rem}.prev-next .article-badge{min-width:3rem;margin-top:7px;padding:3px 10px 3px 8px;text-align:center;font-size:1rem;line-height:inherit;position:absolute;box-sizing:border-box;z-index:200;background-color:#fff;font-weight:500}.prev-next .left-badge{border-radius:8px 0 8px 0}.prev-next .right-badge{border-radius:0 8px 0 8px;right:10px}.paging{margin-bottom:15px}.paging .row{margin-left:0;margin-right:0}.paging .page-info{font-size:1.4rem;color:#888;padding-top:1rem}.paging i{font-size:2.5rem}.paging .disabled{background-color:#ccc!important}.paging .disabled i{color:#999!important}#artDetail{margin-top:-60px}@media only screen and (max-width:550px){#articleContent table{table-layout:fixed}}@media only screen and (min-width:1418px){#artDetail{margin-top:-60px;padding:0 .75rem}}#artDetail .card{box-shadow:0 10px 35px 2px rgba(0,0,0,.15),0 5px 15px rgba(0,0,0,.07),0 2px 5px -5px rgba(0,0,0,.1)!important}#artDetail .tag-cate{padding-bottom:15px}#artDetail a{margin-right:0!important;text-transform:none!important}#artDetail .article-info{padding:20px 20px 1px 25px;margin-bottom:-5px}#artDetail .article-tag{float:left}#artDetail .article-tag .chip{font-size:1rem;font-weight:400;height:25px;line-height:24px;color:#fff;border-radius:15px;margin-right:5px;margin-bottom:2px}#artDetail .tag_share .article-tag .chip{font-size:1rem;font-weight:400;height:25px;line-height:23px;border-radius:15px;margin-right:5px;margin-bottom:2px;color:#42b983;background:#fff;border:1px solid;transition:all .6s ease-in-out}#artDetail .tag_share .article-tag .chip:hover{color:#fff;background:#42b983}#artDetail .post-cate{float:right;color:#42b983}#artDetail .post-cate a{padding-right:5px;color:#42b983;font-weight:500}#artDetail .post-cate a:hover{text-decoration:underline}#artDetail .post-info{color:#525f7f}#artDetail .post-info .post-category{padding-right:4px;color:#525f7f}#artDetail .post-info .post-category:hover{font-weight:700;color:#42b983;text-decoration:underline}#artDetail .post-info .post-date{color:#525f7f}#artDetail .post-info .post-word-count{margin-left:15px}#artDetail .post-info .post-read{margin-left:15px;color:#525f7f}#artDetail .article-card-content{padding:0 15px 20px 18px}@media only screen and (max-width:601px){#artDetail .article-info{padding:15px 15px 1px 15px;margin-bottom:-5px}}@media only screen and (min-width:600px) and (max-width:992px){#artDetail .article-card-content{padding:0 30px 20px 32px}#artDetail .article-info{padding:15px 20px 0 28px;margin-bottom:-5px}}@media only screen and (min-width:993px){#artDetail .article-card-content{padding:0 25px 20px 25px}}#artDetail .reprint1{margin:15px 0 5px 0}#artDetail .reprint1 .reprint1-tip{margin-right:3px;font-size:1.05rem;font-weight:500}#artDetail .reprint1 a{font-size:1.05rem;color:#42b983;font-weight:500}#artDetail .reprint{margin:15px 0 5px 0}#artDetail .reprint .reprint-tip{margin:0 3px 22px 0;font-size:1.5rem;font-weight:500}#artDetail .reprint a{font-size:1.05rem;color:#42b983;font-weight:500}#articleContent p{margin:2px 2px 10px;font-size:1.05rem;line-height:1.85rem}#articleContent blockquote p{text-indent:.2rem}#articleContent a{padding:0 2px;color:#42b983;font-weight:500;text-decoration:underline;word-wrap:break-word}#articleContent .img-item{text-align:center}#articleContent img{max-width:100%;height:auto;cursor:pointer}#articleContent video{display:block;margin:30px auto;box-shadow:0 5px 35px 0 rgba(0,0,0,.2),0 10px 35px -11px rgba(0,0,0,.6);cursor:pointer}#articleContent ol,#articleContent ul{display:block;padding-left:2em!important;word-spacing:.05rem}#articleContent ol li,#articleContent ul li{display:list-item;line-height:1.8rem;font-size:1rem}#articleContent ul li{list-style-type:disc}#articleContent ul ul li{list-style-type:circle}#articleContent table,td,th{padding:12px 13px;border:1px solid #dfe2e5}table tr:nth-child(2n),thead{background-color:#fafafa}#articleContent table th{background-color:#f2f2f2;min-width:80px}#articleContent table td{min-width:80px}#articleContent [type=checkbox]:not(:checked),[type=checkbox]:checked{position:inherit;margin-left:-1.3rem;margin-right:.4rem;margin-top:-1px;vertical-align:middle;left:unset;visibility:visible}@media only screen and (min-width:600px){#article-share .social-share a{margin-left:15px!important}}.chip-container{margin-top:-60px}.chip-container .tag-title{margin-bottom:10px;color:#3c4858;font-size:1.75rem;font-weight:400}.chip-container .tag-chips{margin:1rem auto .5rem;max-width:98%;text-align:center}.chip-container .tags-posts{margin-top:20px}.chip-container .chip-default{color:#34495e}.chip-container .chip-active{color:#fff!important;background:linear-gradient(to bottom right,#ff5e3a 0,#ff2a68 100%)!important;box-shadow:2px 5px 10px #aaa!important}.chip-container .chip{margin:10px 10px;padding:0 14px;display:inline-block;height:38px;min-width:80px;line-height:39px;font-size:1rem;font-weight:500;border-radius:5px;word-wrap:break-word;cursor:pointer;box-shadow:0 3px 5px rgba(0,0,0,.12)}.chip-container .chip:hover{color:#fff;background:linear-gradient(to right,#4cbf30 0,#0f9d58 100%)!important}.chip .tag-length{margin-left:5px;margin-right:-2px;font-size:.5rem}.chip-default .tag-length{color:#e91e63;margin-top:1px}.chip-active .tag-length{color:#fff}#cd-timeline .year{position:relative;width:80px;height:80px;margin:10px 0 50px -20px;padding:21px 10px;background-color:#ff5722;color:#fff;font-size:1.8rem;font-weight:600}#cd-timeline .year a{color:#fff}#cd-timeline .month{position:relative;width:60px;height:60px;margin:10px 0 30px -10px;padding:14px 16px;background-color:#ef6c00;color:#fff;font-size:1.7rem;font-weight:600}#cd-timeline .month a{color:#fff}#cd-timeline .day{position:relative;padding:8px 10px;background-color:#ffa726;color:#fff;font-size:1.2rem;font-weight:500}#cd-timeline{max-width:820px;position:relative;margin-top:2rem;margin-bottom:2rem}#cd-timeline::before{content:'';position:absolute;top:0;left:18px;height:100%;width:4px;background:#0f9d58}@media only screen and (min-width:900px){#cd-timeline{margin-top:2rem;margin-bottom:2rem}#cd-timeline::before{left:50%;margin-left:-2px}#cd-timeline .year{margin:10px 0 50px -40px;padding:22px 11px}#cd-timeline .month{margin:10px 0 30px -30px;padding:14px 16px}}.cd-timeline-block{position:relative;margin:1em 0}.cd-timeline-block::after{clear:both;content:"";display:table}.cd-timeline-block:first-child{margin-top:0}.cd-timeline-block:last-child{margin-bottom:0}@media only screen and (min-width:870px){.cd-timeline-block{margin:1em 0}.cd-timeline-block:first-child{margin-top:0}.cd-timeline-block:last-child{margin-bottom:0}}.cd-timeline-img{position:absolute;top:0;left:0;width:40px;height:40px;border-radius:50%;box-shadow:0 0 0 4px #fff,inset 0 2px 0 rgba(0,0,0,.08),0 3px 0 4px rgba(0,0,0,.05)}@media only screen and (min-width:900px){.cd-timeline-img{width:40px;height:40px;left:50%;margin-left:-20px;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}.cssanimations .cd-timeline-img.is-hidden{visibility:hidden}.cssanimations .cd-timeline-img.bounce-in{visibility:visible;-webkit-animation:cd-bounce-1 .6s;-moz-animation:cd-bounce-1 .6s;animation:cd-bounce-1 .6s}}.cd-timeline-content{position:relative;margin-top:-40px;margin-left:60px;padding:0;border-radius:5px;background:#fff;box-shadow:0 15px 35px rgba(50,50,93,.1),0 5px 15px rgba(0,0,0,.07)!important}.cd-timeline-content::after{clear:both;content:"";display:table}.cd-timeline-content .card{margin:0}.cd-timeline-content::before{content:'';position:absolute;top:18px!important;right:100%;height:0;width:14px;margin-left:2px;margin-right:2px;border:1px dashed #ffa726}@media only screen and (min-width:768px){.cd-timeline-content h2{font-size:1.25rem}.cd-timeline-content p{font-size:1rem}.cd-timeline-content .cd-date,.cd-timeline-content .cd-read-more{font-size:.875rem}}@media only screen and (min-width:900px){.cd-timeline-content{margin-left:0;padding:0;width:45%}.cd-timeline-content::before{top:24px;left:100%}.cd-timeline-content .cd-read-more{float:left}.cd-timeline-block:nth-child(even) .cd-timeline-content{float:right}.cd-timeline-block:nth-child(even) .cd-timeline-content::before{top:24px;left:auto;right:100%;border-color:#ffa726}.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more{float:right}.cssanimations .cd-timeline-content.is-hidden{visibility:hidden}.cssanimations .cd-timeline-content.bounce-in{visibility:visible;-webkit-animation:cd-bounce-2 .6s;-moz-animation:cd-bounce-2 .6s;animation:cd-bounce-2 .6s}}.contact-container{width:90%;max-width:900px;margin-top:-60px}@media only screen and (max-width:600px){.contact-container{width:95%}}.about-container{width:90%;max-width:1225px;margin-top:-60px}@media only screen and (max-width:601px){.about-container{width:95%}}.post-statis{text-align:center}.post-statis .statis{display:inline-block;padding:.3rem .8rem;text-align:center;letter-spacing:.03rem}.post-statis .statis .count{display:block;font-size:1.3rem;font-weight:700;text-decoration:underline}.post-statis .statis .count a{color:#42b983}.post-statis .statis .name{font-size:.9rem;color:#777}#aboutme .social-link{margin:.5rem 0;text-align:center}#aboutme .social-link a{display:inline-block;width:2.3rem;height:2.3rem;line-height:2.2rem;margin:0 .5rem;padding:0;color:#fff;border:1px solid #0f9d58;background:radial-gradient(#4cbf30,#0f9d58);font-size:.9rem;border-radius:50%;box-shadow:0 4px 6px rgba(50,50,93,.21),0 2px 3px rgba(0,0,0,.1)}.profile .avatar-img{max-width:160px;width:100%;margin:0 auto;transform:translate3d(0,-65%,0);transition:all 2s}img:hover{transform:rotate(360deg)}.profile .author{margin-top:-80px}.profile .author .post-statis{margin:.5rem 0 1.4rem 0}.profile .author .title{margin-bottom:.1rem;font-size:1.8rem;font-weight:500;color:#3c4858}.profile .author .career{margin:8px 0;font-size:.9rem;font-weight:400;color:#777}#aboutme .profile .social-link{margin:1.5rem 0 .8rem 0}#aboutme .introduction{margin:1.5rem auto 3rem;max-width:600px;color:#999}.my-projects,.my-skills,.post-charts{padding:3.8rem 1.5rem .8rem 1.5rem}.my-gallery .title,.my-projects .title,.my-skills .title,.post-charts,.title{font-size:2rem;margin-bottom:2.25rem}.my-projects .info{max-width:360px;margin:0 auto;padding:1rem 0 1rem}.my-projects .info .icon{display:inline-block;width:76px;height:76px;text-align:center;line-height:76px;color:#fff;font-size:1.75rem;border-radius:50%}.my-projects .info .info-title{margin:1.25rem 0 .875rem;font-size:1.25rem;font-weight:500;line-height:1.5em}.my-projects .info .info-title a{color:#34495e}.my-projects .info .info-desc{margin:0 0 10px;font-size:.9rem;color:#999}.my-skills .skillbar{position:relative;display:block;max-width:360px;margin:15px auto;background:#eee;height:30px;border-radius:35px;-moz-border-radius:35px;-webkit-border-radius:35px;-webkit-transition:.4s linear;-moz-transition:.4s linear;-o-transition:.4s linear;transition:.4s linear;-webkit-transition-property:width,background-color;-moz-transition-property:width,background-color;-o-transition-property:width,background-color;transition-property:width,background-color}.skillbar .skillbar-title{position:absolute;top:0;left:0;width:110px;font-size:.9rem;color:#fff;border-radius:35px;-webkit-border-radius:35px;-moz-border-radius:35px}.skillbar .skillbar-title span{display:block;background:rgba(0,0,0,.15);padding:0 20px;height:30px;line-height:30px;border-radius:35px;-webkit-border-radius:35px;-moz-border-radius:35px}.skillbar .skillbar-bar{height:30px;width:0;border-radius:35px;-moz-border-radius:35px;-webkit-border-radius:35px}.skillbar .skill-bar-percent{position:absolute;right:10px;top:0;font-size:12px;height:30px;line-height:30px;color:#fff;color:rgba(0,0,0,.5)}.my-skills .other-skills{margin-top:2rem}.other-skills .sub-title{font-size:1.5rem}.other-skills .tag-chips{max-width:98%}.other-skills .chip{background-color:#fffffb;border:1px solid #eee}.other-skills .chip:hover{color:#fff;background:linear-gradient(to right,#7fb80e 0,#585eaa 100%);border:1px solid #4cbf30;box-shadow:0 5px 5px rgba(0,0,0,.25)}.my-gallery{margin:4.5rem auto 1rem;padding:0 1.2rem;max-width:1100px}.my-gallery .photo{margin:.5rem 0}.my-gallery .photo img{width:100%;height:200px;border-radius:10px;cursor:pointer}footer{padding-bottom:1px}footer .social-statis{margin-top:26px;position:relative}footer a{color:#dbdbdb}footer .copy-right{color:#dbdbdb}#searchIcon{font-size:1.2rem}#searchModal{min-height:500px;width:80%;background-color:rgba(0,0,0,.8)}#searchInput{color:#fff}#searchModal .search-header .title{font-size:1.6rem;color:coral}#searchResult{margin:-15px 0 10px 10px}#searchResult .search-result-list{margin-left:-8px;padding-left:0;color:#666}.search-result-list .search-result-title{font-size:1.4rem;color:#42b983}.search-result-list li{border-bottom:1px solid #e5e5e5;padding:15px 0 5px 0}.search-result-list .search-keyword{margin:0 2px;padding:1px 5px 1px 4px;border-radius:2px;background-color:#f2f2f2;color:#e96900;font-style:normal;white-space:pre-wrap}.top-scroll{display:none;position:fixed;right:15px;bottom:15px;padding-top:15px;margin-bottom:0;z-index:998}.top-scroll .btn-floating{background:linear-gradient(to bottom right,#ff5e3a 0,#ff2a68 100%);width:48px;height:48px}.top-scroll .btn-floating i{line-height:48px;font-size:1.8rem}@media screen and (min-width:368px) and (max-width:767px){.info-break-policy{word-break:keep-all;float:left;width:50%}}@media screen and (min-width:768px){.info-break-policy{word-break:keep-all;float:left;margin-right:15px}}@media screen and (max-width:367px){.info-break-policy{word-break:keep-all;float:left;width:100%}.custom-card{padding:0 2px!important}}.info-break-policy{margin-bottom:8px}.clearfix{clear:left}.img-shadow{box-shadow:0 5px 25px 0 rgba(0,0,0,.2),0 10px 30px -11px rgba(0,0,0,.6)}.img-margin{margin:2px auto 5px auto}.caption{text-align:center;margin:0 auto 15px auto}.center-caption{color:#525f7f;padding:5px;border-bottom:1px solid #d9d9d9}.lg-sub-html .center-caption{color:#fff!important;border-bottom:none}.overflow-policy{overflow:hidden}.block-with-text{height:60px;overflow:hidden;position:relative;line-height:1.5em;max-height:3em;text-align:justify;margin-right:-1em;padding-right:1em}.block-with-text:before{content:'...';position:absolute;right:0;bottom:0}.block-with-text:after{content:'';position:absolute;right:0;width:1em;height:1em;margin-top:.2em;background:#fff}.nav-menu li .sub-nav{position:absolute;top:77px;list-style:none;margin-left:-20px;display:none}.nav-menu li .sub-nav li{text-align:center;clear:left;width:140px;height:35px;line-height:35px;position:relative}.nav-menu li .sub-nav li a{height:34px;line-height:34px;width:138px;padding:0;display:inline-block;border-radius:5px;color:#000}.nav-show i[aria-hidden=true]{-webkit-transform:rotate(180deg)!important;-moz-transform:rotate(180deg)!important;-o-transform:rotate(180deg)!important;-ms-transform:rotate(180deg)!important;transform:rotate(180deg)!important;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;transition:all .3s}.menus_item_child{background-color:rgba(255,255,255,.8);width:fit-content;border-radius:10px;-webkit-box-shadow:0 5px 20px -4px rgba(0,0,0,.5);box-shadow:0 5px 20px -4px rgba(0,0,0,.5);display:none;opacity:.98;-ms-filter:none;filter:none;-webkit-animation:sub_menus .3s .1s ease both;-moz-animation:sub_menus .3s .1s ease both;-o-animation:sub_menus .3s .1s ease both;-ms-animation:sub_menus .3s .1s ease both;animation:sub_menus .3s .1s ease both}.menus_item_child:before{content:"";position:absolute;top:-20px;left:50%;margin-left:-10px;border-width:10px;border-style:solid;border-color:transparent transparent rgba(255,255,255,.8)}.m-nav-item{position:relative;left:45px}.m-nav-item ul{display:none;background:rgba(255,255,255,.1)}.m-nav-item ul li{width:245px;height:50px;line-height:50px;text-align:center}.m-nav-show .m-icon{-webkit-transform:rotate(90deg)!important;-moz-transform:rotate(90deg)!important;-o-transform:rotate(90deg)!important;-ms-transform:rotate(90deg)!important;transform:rotate(90deg)!important;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;transition:all .3s}.m-nav-item>a:hover,.m-nav-show{color:#fff;background:rgba(255,255,255,.8)}.m-nav-item>a:hover:before,.m-nav-show>a:before{opacity:1}.m-nav-item .m-icon{position:absolute;right:65px;height:50px;padding:0;margin:0}.nav-item li:hover a{color:#fff;background:rgba(0,0,0,.1)}
 /* rebuild by neat */
\ No newline at end of file