txmu
/
tags
/
方块地图研究所
/
index.html

<!DOCTYPE HTML>
<html lang="zh-CN">


<head>
    <meta charset="utf-8">
    <meta name="keywords" content="标签: 方块地图研究所, 天蝎小屋">
    <meta name="description" content="">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta name="renderer" content="webkit|ie-stand|ie-comp">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <!-- Global site tag (gtag.js) - Google Analytics -->


    <title>标签: 方块地图研究所 | 天蝎小屋</title>
    <link rel="icon" type="image/png" href="/wuxian.png">

    <link rel="stylesheet" type="text/css" href="/libs/awesome/css/all.css">
    <link rel="stylesheet" type="text/css" href="/libs/materialize/materialize.min.css">
    <link rel="stylesheet" type="text/css" href="/libs/aos/aos.css">
    <link rel="stylesheet" type="text/css" href="/libs/animate/animate.min.css">
    <link rel="stylesheet" type="text/css" href="/libs/lightGallery/css/lightgallery.min.css">
    <link rel="stylesheet" type="text/css" href="/css/matery.css">
    <link rel="stylesheet" type="text/css" href="/css/my.css">

    <script src="/libs/jquery/jquery.min.js"></script>

<link rel="alternate" href="/atom.xml" title="天蝎小屋" type="application/atom+xml">
<link rel="stylesheet" href="/css/prism-tomorrow.css" type="text/css"></head>


   <style>
    body{
       background-image: url(http://img.mm4000.com/file/e/c5/be9df169fe.jpg);
       background-repeat:no-repeat;
       background-size:cover;
       background-attachment:fixed;
    }
</style>


<body>
    <header class="navbar-fixed">
    <nav id="headNav" class="bg-color nav-transparent">
        <div id="navContainer" class="nav-wrapper container">
            <div class="brand-logo">
                <a href="/" class="waves-effect waves-light">

                    <img src="/%E6%97%A0%E9%99%90%E6%98%9F.png" class="logo-img" alt="LOGO">

                    <span class="logo-span">天蝎小屋</span>
                </a>
            </div>


<a href="#" data-target="mobile-nav" class="sidenav-trigger button-collapse"><i class="fas fa-bars"></i></a>
<ul class="right nav-menu">

  <li class="hide-on-med-and-down nav-item">

    <a href="/" class="waves-effect waves-light">

      <i class="fas fa-home" style="zoom: 0.6;"></i>

      <span>首页</span>
    </a>

  </li>

  <li class="hide-on-med-and-down nav-item">

    <a href="/tags" class="waves-effect waves-light">

      <i class="fas fa-tags" style="zoom: 0.6;"></i>

      <span>标签</span>
    </a>

  </li>

  <li class="hide-on-med-and-down nav-item">

    <a href="/categories" class="waves-effect waves-light">

      <i class="fas fa-bookmark" style="zoom: 0.6;"></i>

      <span>分类</span>
    </a>

  </li>

  <li class="hide-on-med-and-down nav-item">

    <a href="/archives" class="waves-effect waves-light">

      <i class="fas fa-archive" style="zoom: 0.6;"></i>

      <span>归档</span>
    </a>

  </li>

  <li class="hide-on-med-and-down nav-item">

    <a href="/about" class="waves-effect waves-light">

      <i class="fas fa-user-circle" style="zoom: 0.6;"></i>

      <span>关于</span>
    </a>

  </li>

  <li class="hide-on-med-and-down nav-item">

    <a href="/contact" class="waves-effect waves-light">

      <i class="fas fa-comments" style="zoom: 0.6;"></i>

      <span>留言板</span>
    </a>

  </li>

  <li class="hide-on-med-and-down nav-item">

    <a href="/friends" class="waves-effect waves-light">

      <i class="fas fa-address-book" style="zoom: 0.6;"></i>

      <span>友情链接</span>
    </a>

  </li>

  <li>
    <a href="#searchModal" class="modal-trigger waves-effect waves-light">
      <i id="searchIcon" class="fas fa-search" title="搜索" style="zoom: 0.85;"></i>
    </a>
  </li>
</ul>


<div id="mobile-nav" class="side-nav sidenav">

    <div class="mobile-head bg-color">

        <img src="/%E6%97%A0%E9%99%90%E6%98%9F.png" class="logo-img circle responsive-img">

        <div class="logo-name">天蝎小屋</div>
        <div class="logo-desc">

            Never really desperate, only the lost of the soul.

        </div>
    </div>


    <ul class="menu-list mobile-menu-list">

        <li class="m-nav-item">

		<a href="/" class="waves-effect waves-light">

			    <i class="fa-fw fas fa-home"></i>

			首页
		</a>

        </li>

        <li class="m-nav-item">

		<a href="/tags" class="waves-effect waves-light">

			    <i class="fa-fw fas fa-tags"></i>

			标签
		</a>

        </li>

        <li class="m-nav-item">

		<a href="/categories" class="waves-effect waves-light">

			    <i class="fa-fw fas fa-bookmark"></i>

			分类
		</a>

        </li>

        <li class="m-nav-item">

		<a href="/archives" class="waves-effect waves-light">

			    <i class="fa-fw fas fa-archive"></i>

			归档
		</a>

        </li>

        <li class="m-nav-item">

		<a href="/about" class="waves-effect waves-light">

			    <i class="fa-fw fas fa-user-circle"></i>

			关于
		</a>

        </li>

        <li class="m-nav-item">

		<a href="/contact" class="waves-effect waves-light">

			    <i class="fa-fw fas fa-comments"></i>

			留言板
		</a>

        </li>

        <li class="m-nav-item">

		<a href="/friends" class="waves-effect waves-light">

			    <i class="fa-fw fas fa-address-book"></i>

			友情链接
		</a>

        </li>


    </ul>
</div>


        </div>


    </nav>

</header>

    <div class="bg-cover pd-header about-cover">
    <div class="container">
    <div class="row">
    <div class="col s10 offset-s1 m8 offset-m2 l8 offset-l2">
        <div class="brand">
            <div class="title center-align">

                    subtitle

            </div>

            <div class="description center-align">

                <span id="subtitle"></span>
                <script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.11"></script>
                <script>
                    var typed = new Typed("#subtitle", {
                        strings: ['从来就没有什么救世主，也不靠神仙皇帝。','要创造人类的幸福，全靠我们自己。'],
                        startDelay: 300,
                        typeSpeed: 100,
                        loop: true,
                        backSpeed: 50,
                        showCursor: true
                    });
                </script>

            </div>
        </div>
    </div>
</div>


<script>
    // 每天切换 banner 图.  Switch banner image every day.
    var bannerUrl = "/medias/banner/" + new Date().getDay() + '.jpg';
    $('.bg-cover').css('background-image', 'url(' + bannerUrl + ')');
</script>


    </div>
</div>

<main class="content">


<div id="tags" class="container chip-container">
    <div class="card">
        <div class="card-content">
            <div class="tag-title center-align">
                <i class="fas fa-tags"></i>&nbsp;&nbsp;文章标签
            </div>
            <div class="tag-chips">


                <a href="/tags/%E6%95%99%E7%A8%8B/" title="教程: 2">
                    <span class="chip center-align waves-effect waves-light
                             chip-default "
                            data-tagname="教程" style="background-color: #F9EBEA;">教程
                        <span class="tag-length">2</span>
                    </span>
                </a>


                <a href="/tags/git/" title="git: 3">
                    <span class="chip center-align waves-effect waves-light
                             chip-default "
                            data-tagname="git" style="background-color: #F5EEF8;">git
                        <span class="tag-length">3</span>
                    </span>
                </a>


                <a href="/tags/hexo/" title="hexo: 2">
                    <span class="chip center-align waves-effect waves-light
                             chip-default "
                            data-tagname="hexo" style="background-color: #D5F5E3;">hexo
                        <span class="tag-length">2</span>
                    </span>
                </a>


                <a href="/tags/gitee/" title="gitee: 2">
                    <span class="chip center-align waves-effect waves-light
                             chip-default "
                            data-tagname="gitee" style="background-color: #E8F8F5;">gitee
                        <span class="tag-length">2</span>
                    </span>
                </a>


                <a href="/tags/%E6%96%B9%E5%9D%97%E5%9C%B0%E5%9B%BE/" title="方块地图: 1">
                    <span class="chip center-align waves-effect waves-light
                             chip-default "
                            data-tagname="方块地图" style="background-color: #FEF9E7;">方块地图
                        <span class="tag-length">1</span>
                    </span>
                </a>


                <a href="/tags/%E6%96%B9%E5%9D%97%E5%9C%B0%E5%9B%BE%E5%90%A7/" title="方块地图吧: 1">
                    <span class="chip center-align waves-effect waves-light
                             chip-default "
                            data-tagname="方块地图吧" style="background-color: #F8F9F9;">方块地图吧
                        <span class="tag-length">1</span>
                    </span>
                </a>


                <a href="/tags/%E6%96%B9%E5%9D%97%E5%9C%B0%E5%9B%BE%E7%A0%94%E7%A9%B6%E6%89%80/" title="方块地图研究所: 1">
                    <span class="chip center-align waves-effect waves-light
                             chip-active "
                            data-tagname="方块地图研究所" style="background-color: #82E0AA;">方块地图研究所
                        <span class="tag-length">1</span>
                    </span>
                </a>


                <a href="/tags/%E6%96%B9%E5%9D%97%E5%9C%B0%E5%9B%BE%E7%8E%A9%E6%B3%95/" title="方块地图玩法: 1">
                    <span class="chip center-align waves-effect waves-light
                             chip-default "
                            data-tagname="方块地图玩法" style="background-color: #D7BDE2;">方块地图玩法
                        <span class="tag-length">1</span>
                    </span>
                </a>


                <a href="/tags/%E6%96%B9%E5%9D%97%E5%9C%B0%E5%9B%BE%E6%95%99%E7%A8%8B/" title="方块地图教程: 1">
                    <span class="chip center-align waves-effect waves-light
                             chip-default "
                            data-tagname="方块地图教程" style="background-color: #A3E4D7;">方块地图教程
                        <span class="tag-length">1</span>
                    </span>
                </a>


                <a href="/tags/%E7%99%BE%E5%BA%A6/" title="百度: 1">
                    <span class="chip center-align waves-effect waves-light
                             chip-default "
                            data-tagname="百度" style="background-color: #85C1E9;">百度
                        <span class="tag-length">1</span>
                    </span>
                </a>


                <a href="/tags/%E8%B4%B4%E5%90%A7/" title="贴吧: 1">
                    <span class="chip center-align waves-effect waves-light
                             chip-default "
                            data-tagname="贴吧" style="background-color: #F8C471;">贴吧
                        <span class="tag-length">1</span>
                    </span>
                </a>


                <a href="/tags/qq/" title="qq: 1">
                    <span class="chip center-align waves-effect waves-light
                             chip-default "
                            data-tagname="qq" style="background-color: #F9E79F;">qq
                        <span class="tag-length">1</span>
                    </span>
                </a>


                <a href="/tags/%E6%96%B9%E6%A0%BC%E5%9C%B0%E5%9B%BE/" title="方格地图: 1">
                    <span class="chip center-align waves-effect waves-light
                             chip-default "
                            data-tagname="方格地图" style="background-color: #FEF9E7;">方格地图
                        <span class="tag-length">1</span>
                    </span>
                </a>


                <a href="/tags/%E6%96%B9%E6%A0%BC%E5%9C%B0%E5%9B%BE%E5%90%A7/" title="方格地图吧: 1">
                    <span class="chip center-align waves-effect waves-light
                             chip-default "
                            data-tagname="方格地图吧" style="background-color: #82E0AA;">方格地图吧
                        <span class="tag-length">1</span>
                    </span>
                </a>


                <a href="/tags/p%E7%A4%BE/" title="p社: 1">
                    <span class="chip center-align waves-effect waves-light
                             chip-default "
                            data-tagname="p社" style="background-color: #A3E4D7;">p社
                        <span class="tag-length">1</span>
                    </span>
                </a>


                <a href="/tags/e%E7%A4%BE/" title="e社: 1">
                    <span class="chip center-align waves-effect waves-light
                             chip-default "
                            data-tagname="e社" style="background-color: #F8F9F9;">e社
                        <span class="tag-length">1</span>
                    </span>
                </a>


                <a href="/tags/eu4/" title="eu4: 1">
                    <span class="chip center-align waves-effect waves-light
                             chip-default "
                            data-tagname="eu4" style="background-color: #E8F8F5;">eu4
                        <span class="tag-length">1</span>
                    </span>
                </a>


                <a href="/tags/scp/" title="scp: 1">
                    <span class="chip center-align waves-effect waves-light
                             chip-default "
                            data-tagname="scp" style="background-color: #F9E79F;">scp
                        <span class="tag-length">1</span>
                    </span>
                </a>


                <a href="/tags/%E9%82%B5%E5%B8%9D/" title="邵帝: 1">
                    <span class="chip center-align waves-effect waves-light
                             chip-default "
                            data-tagname="邵帝" style="background-color: #F8F9F9;">邵帝
                        <span class="tag-length">1</span>
                    </span>
                </a>


                <a href="/tags/wincerham/" title="wincerham: 1">
                    <span class="chip center-align waves-effect waves-light
                             chip-default "
                            data-tagname="wincerham" style="background-color: #F8C471;">wincerham
                        <span class="tag-length">1</span>
                    </span>
                </a>


                <a href="/tags/sigaide/" title="sigaide: 1">
                    <span class="chip center-align waves-effect waves-light
                             chip-default "
                            data-tagname="sigaide" style="background-color: #85C1E9;">sigaide
                        <span class="tag-length">1</span>
                    </span>
                </a>


                <a href="/tags/sws-lnc/" title="sws lnc.: 1">
                    <span class="chip center-align waves-effect waves-light
                             chip-default "
                            data-tagname="sws lnc." style="background-color: #F8F9F9;">sws lnc.
                        <span class="tag-length">1</span>
                    </span>
                </a>


                <a href="/tags/%E9%82%B5%E5%B8%9D%E5%9D%97%E5%9B%BE/" title="邵帝块图: 1">
                    <span class="chip center-align waves-effect waves-light
                             chip-default "
                            data-tagname="邵帝块图" style="background-color: #FEF9E7;">邵帝块图
                        <span class="tag-length">1</span>
                    </span>
                </a>


                <a href="/tags/4399/" title="4399: 1">
                    <span class="chip center-align waves-effect waves-light
                             chip-default "
                            data-tagname="4399" style="background-color: #F8F9F9;">4399
                        <span class="tag-length">1</span>
                    </span>
                </a>


                <a href="/tags/github/" title="github: 1">
                    <span class="chip center-align waves-effect waves-light
                             chip-default "
                            data-tagname="github" style="background-color: #F5EEF8;">github
                        <span class="tag-length">1</span>
                    </span>
                </a>


                <a href="/tags/leancloud/" title="leancloud: 1">
                    <span class="chip center-align waves-effect waves-light
                             chip-default "
                            data-tagname="leancloud" style="background-color: #F9E79F;">leancloud
                        <span class="tag-length">1</span>
                    </span>
                </a>

            </div>
        </div>
    </div>
</div>


    <article id="articles" class="container articles">
        <div class="row tags-posts">


            <div class="article tag-post col s12 m6 l4" data-tags="方块地图, 方块地图吧, 方块地图研究所, 方块地图玩法, 方块地图教程, 百度, 贴吧, qq, 方格地图, 方格地图吧, p社, e社, eu4, scp, 邵帝, wincerham, sigaide, sws lnc., 邵帝块图, 4399" data-aos="fade-up">
                <div class="card">
                    <a href="/2020/11/02/%E6%96%B9%E5%9D%97%E5%9C%B0%E5%9B%BE%E7%9A%84%E5%9F%BA%E6%9C%AC%E7%8E%A9%E6%B3%95%EF%BC%881%EF%BC%89/">
                        <div class="card-image tag-image">


                            <img src="/medias/featureimages/6.jpg" class="responsive-img" alt="方块地图的基本玩法（1）">

                            <span class="card-title">方块地图的基本玩法（1）</span>
                        </div>
                    </a>
                    <div class="card-content article-content">
                        <div class="publish-info">
                            <span class="publish-date">
                                <i class="far fa-clock fa-fw icon-date"></i>2020-11-02
                            </span>
                            <span class="publish-author">

                                <i class="fas fa-bookmark fa-fw icon-category"></i>

                                <a href="/categories/%E6%96%B9%E5%9D%97%E5%9C%B0%E5%9B%BE/" class="post-category">
                                方块地图
                                </a>


                            </span>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </article>
</main>


    <footer class="page-footer bg-color">

    <div class="container row center-align" style="margin-bottom: 15px !important;">
        <div class="col s12 m8 l8 copy-right">
            Copyright&nbsp;&copy;
            <span id="year">2020</span>
            <a href="/about" target="_blank">天蝎矛u</a>
            |&nbsp;Powered by&nbsp;<a href="https://hexo.io/" target="_blank">Hexo</a>
            |&nbsp;Theme&nbsp;<a href="https://github.com/blinkfox/hexo-theme-matery" target="_blank">Matery</a>
            <br>

            &nbsp;<i class="fas fa-chart-area"></i>&nbsp;站点总字数:&nbsp;<span
                class="white-color">14.8k</span>&nbsp;字


            <span id="busuanzi_container_site_pv">
                |&nbsp;<i class="far fa-eye"></i>&nbsp;总访问量:&nbsp;<span id="busuanzi_value_site_pv"
                    class="white-color"></span>&nbsp;次
            </span>


            <span id="busuanzi_container_site_uv">
                |&nbsp;<i class="fas fa-users"></i>&nbsp;总访问人数:&nbsp;<span id="busuanzi_value_site_uv"
                    class="white-color"></span>&nbsp;人
            </span>

            <br>

            <span id="sitetime">载入运行时间...</span>
            <script>
                function siteTime() {
                    var seconds = 1000;
                    var minutes = seconds * 60;
                    var hours = minutes * 60;
                    var days = hours * 24;
                    var years = days * 365;
                    var today = new Date();
                    var startYear = "2020";
                    var startMonth = "10";
                    var startDate = "08";
                    var startHour = "12";
                    var startMinute = "26";
                    var startSecond = "33";
                    var todayYear = today.getFullYear();
                    var todayMonth = today.getMonth() + 1;
                    var todayDate = today.getDate();
                    var todayHour = today.getHours();
                    var todayMinute = today.getMinutes();
                    var todaySecond = today.getSeconds();
                    var t1 = Date.UTC(startYear, startMonth, startDate, startHour, startMinute, startSecond);
                    var t2 = Date.UTC(todayYear, todayMonth, todayDate, todayHour, todayMinute, todaySecond);
                    var diff = t2 - t1;
                    var diffYears = Math.floor(diff / years);
                    var diffDays = Math.floor((diff / days) - diffYears * 365);
                    var diffHours = Math.floor((diff - (diffYears * 365 + diffDays) * days) / hours);
                    var diffMinutes = Math.floor((diff - (diffYears * 365 + diffDays) * days - diffHours * hours) /
                        minutes);
                    var diffSeconds = Math.floor((diff - (diffYears * 365 + diffDays) * days - diffHours * hours -
                        diffMinutes * minutes) / seconds);
                    if (startYear == todayYear) {
                        document.getElementById("year").innerHTML = todayYear;
                        document.getElementById("sitetime").innerHTML = "本站已安全运行 " + diffDays + " 天 " + diffHours +
                            " 小时 " + diffMinutes + " 分钟 " + diffSeconds + " 秒";
                    } else {
                        document.getElementById("year").innerHTML = startYear + " - " + todayYear;
                        document.getElementById("sitetime").innerHTML = "本站已安全运行 " + diffYears + " 年 " + diffDays +
                            " 天 " + diffHours + " 小时 " + diffMinutes + " 分钟 " + diffSeconds + " 秒";
                    }
                }
                setInterval(siteTime, 1000);
            </script>

            <br>

        </div>
        <div class="col s12 m4 l4 social-link social-statis">
    <a href="https://github.com/txmu" class="tooltipped" target="_blank" data-tooltip="访问我的GitHub" data-position="top" data-delay="50">
        <i class="fab fa-github"></i>
    </a>


    <a href="mailto:wskkkhs@163.com" class="tooltipped" target="_blank" data-tooltip="邮件联系我" data-position="top" data-delay="50">
        <i class="fas fa-envelope-open"></i>
    </a>


    <a href="tencent://AddContact/?fromId=50&fromSubId=1&subcmd=all&uin=3279366915" class="tooltipped" target="_blank" data-tooltip="QQ联系我: 3279366915" data-position="top" data-delay="50">
        <i class="fab fa-qq"></i>
    </a>


    <a href="/atom.xml" class="tooltipped" target="_blank" data-tooltip="RSS 订阅" data-position="top" data-delay="50">
        <i class="fas fa-rss"></i>
    </a>

</div>
    </div>

<div class="progress-bar"></div>
<p style="text-align:center;"><a target="_blank" rel="noopener" href="https://support.qq.com/product/293860">
兔小巢反馈</a></p>

<div class="progress-bar"></div>
<p style="text-align:center;"><a href="/artitalk/">我的说说A</a></p>

<div class="progress-bar"></div>
<p style="text-align:center;"><a href="/bb/">我的说说B</a></p>

<div class="progress-bar"></div>
<p style="text-align:center;"><a href="/blockmap/">块图页游</a></p>

<div class="progress-bar"></div>
<p style="text-align:center;"><a href="/friends/">友情链接</a></p>

<div class="progress-bar"></div>
<p style="text-align:center;"><a href="https://txmu.gitee.io/">gitee主站</a></p>

<div class="progress-bar"></div>
<p style="text-align:center;"><a target="_blank" rel="noopener" href="https://txmu.github.io/">github备用站</a></p>

<div class="progress-bar"></div>
<p style="text-align:center;"><a target="_blank" rel="noopener" href="https://txmunb.avosapps.us/">leancloud不稳定镜像站</a></p>

<div class="progress-bar"></div>
<p style="text-align:center;"><a target="_blank" rel="noopener" href="https://txmu.code.blog/">wordpress.com站</a></p>

<div class="progress-bar"></div>
<p style="text-align:center;"><a target="_blank" rel="noopener" href="https://txmu.typetype.me/">typetype站</a></p>

<div class="progress-bar"></div>
<p style="text-align:center;"><a target="_blank" rel="noopener" href="http://txmu.wikidot.com/">wikidot站（唯一一个不支持免费ssl证书的）</a></p>

</footer>


    <!-- 搜索遮罩框 -->
<div id="searchModal" class="modal">
    <div class="modal-content">
        <div class="search-header">
            <span class="title"><i class="fas fa-search"></i>&nbsp;&nbsp;搜索</span>
            <input type="search" id="searchInput" name="s" placeholder="请输入搜索的关键字"
                   class="search-input">
        </div>
        <div id="searchResult"></div>
    </div>
</div>

<script src="/js/search.js"></script>
<script type="text/javascript">
$(function () {
    searchFunc('/search.xml', 'searchInput', 'searchResult');
});
</script>

    <!-- 回到顶部按钮 -->
<div id="backTop" class="top-scroll">
    <a class="btn-floating btn-large waves-effect waves-light" href="#!">
        <i class="fas fa-arrow-up"></i>
    </a>
</div>


    <script src="/libs/materialize/materialize.min.js"></script>
    <script src="/libs/masonry/masonry.pkgd.min.js"></script>
    <script src="/libs/aos/aos.js"></script>
    <script src="/libs/scrollprogress/scrollProgress.min.js"></script>
    <script src="/libs/lightGallery/js/lightgallery-all.min.js"></script>
    <script src="/js/matery.js"></script>

    <!-- Baidu Analytics -->

    <!-- Baidu Push -->

<script>
    (function () {
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https') {
            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
        } else {
            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();
</script>


    <script src="/libs/others/clicklove.js" async="async"></script>


    <script async src="/libs/others/busuanzi.pure.mini.js"></script>


        <script src="//code.tidio.co/tcbmof3wizogepbhstb7xipuem2342ls.js"></script>
        <script>
            $(document).ready(function () {
                setInterval(change_Tidio, 50);
                function change_Tidio() {
                    var tidio=$("#tidio-chat iframe");
                    if(tidio.css("display")=="block"&& $(window).width()>977 ){
                        document.getElementById("tidio-chat-iframe").style.bottom= ($("div#backTop.top-scroll").css("display")=="none" &&$(window).width()>977)>0? "-40px" : ($("div.toc-title").length&&$(window).width()>977)>0?"85px":"20px";
                        document.getElementById("tidio-chat-iframe").style.right="-15px";
                        document.getElementById("tidio-chat-iframe").style.height=parseInt(tidio.css("height"))>=520?"520px":tidio.css("height");
                        document.getElementById("tidio-chat-iframe").style.zIndex="997";
                    }
                    else if(tidio.css("display")=="block"&&$(window).width()>601 &&$(window).width()<992 ){
                        document.getElementById("tidio-chat-iframe").style.bottom= ($("div#backTop.top-scroll").css("display")=="none" && 601< $(window).width()<992)>0? "-40px":"20px" ;
                        document.getElementById("tidio-chat-iframe").style.right="-15px";
                        document.getElementById("tidio-chat-iframe").style.zIndex="997";
                    }
                    else if(tidio.css("display")=="block"&&$(window).width()<601 && parseInt(tidio.css("height"))<230){
                        document.getElementById("tidio-chat-iframe").style.bottom= ($("div#backTop.top-scroll").css("display")=="none" && $(window).width()<601)>0? "-10px":"45px" ;
                        document.getElementById("tidio-chat-iframe").style.zIndex="997";
                    }
                    if( tidio.css("display")=="block"&&$(window).width()<601 && parseInt(tidio.css("height"))>=230){
                        document.getElementById("tidio-chat-iframe").style.zIndex="998";
                    }
                }
            });
        </script>


    <script>
        (function (i, s, o, g, r, a, m) {
            i["DaoVoiceObject"] = r;
            i[r] = i[r] || function () {
                (i[r].q = i[r].q || []).push(arguments)
            }, i[r].l = 1 * new Date();
            a = s.createElement(o), m = s.getElementsByTagName(o)[0];
            a.async = 1;
            a.src = g;
            a.charset = "utf-8";
            m.parentNode.insertBefore(a, m)
        })(window, document, "script", ('https:' == document.location.protocol ? 'https:' : 'http:') +
            "//widget.daovoice.io/widget/6984b559.js", "daovoice")
        daovoice('init', {
            app_id: "61242809"
        });
        daovoice('update');
    </script>


    <script src="/libs/instantpage/instantpage.js" type="module"></script>


</body>

</html>