<!--
 
 * ░░░░░░░░░░░░░░░░░░░░░░░░▄░░
 * ░░░░░░░░░▐█░░░░░░░░░░░▄▀▒▌░
 * ░░░░░░░░▐▀▒█░░░░░░░░▄▀▒▒▒▐
 * ░░░░░░░▐▄▀▒▒▀▀▀▀▄▄▄▀▒▒▒▒▒▐
 * ░░░░░▄▄▀▒░▒▒▒▒▒▒▒▒▒█▒▒▄█▒▐
 * ░░░▄▀▒▒▒░░░▒▒▒░░░▒▒▒▀██▀▒▌
 * ░░▐▒▒▒▄▄▒▒▒▒░░░▒▒▒▒▒▒▒▀▄▒▒
 * ░░▌░░▌█▀▒▒▒▒▒▄▀█▄▒▒▒▒▒▒▒█▒▐
 * ░▐░░░▒▒▒▒▒▒▒▒▌██▀▒▒░░░▒▒▒▀▄
 * ░▌░▒▄██▄▒▒▒▒▒▒▒▒▒░░░░░░▒▒▒▒
 * ▀▒▀▐▄█▄█▌▄░▀▒▒░░░░░░░░░░▒▒▒
 * 小狗狗就这样默默地看着你~
 
////////////////////////////////////////////////////////////////////
//                                                                //
//                                                                //
//            版权所有：好软猫                                    //
//            官方网站：https://www.haoruanmao.com                //
//                                                                //
///////////////////////////////////////////////////////////////////
-->

<!--
	…o888888o.o88888888o.
…8888888888888888888888888o.
…888::::888888888888888888888888o.
…88::::::::88888888888888888888888888o.
…o8:::::::::888::顶88888888888888888888888.
…8888:8::::::8:::::::::顶88888888888888888888.
…8888::::8888::::::::::::::::顶88888888888 ‘’’‘88
…8888:::888888888::::::::::::::::顶888888888 8
…88.88888888888888888:::::::::::::顶88888888888
…88…888888888888888888:::::::::::顶88888888888888
…88.888888888888888888888::::::::顶88888888888888888
…8…8888888888888888888888::::::顶88888888888888888888
…8888888888888888::88888:::::顶8888888888888888888888
…88888888888888888::::8888::::8888888888888888 ‘’’‘8888
…88888888888888888::::8888::::::88888::888888888 888
…88888888888888888::::888:::::顶::::::888888888 88
…888888888888888888::::88::::::顶:::::::::::::888888888 88
.8888888888888888888::::8::::::顶:::::::::::::顶888888888 88
888…8888888888::88::::8:::::顶:::8oo8::::::88888888888888 8
88…88888888888:::8:::::::::顶:::::::::::::88888888888888888
.8…8888888888888:::::::::::顶::“8888888”:::顶88888888888888888
…8888888888::888::::::::::顶:::::“8a8”::::顶88888888888888888888
.888888888:::::88:::::::::顶88::::::::::::顶88888888888888888888888
8888888888:::::8:::::::::顶88888::::::::顶888888888888888888888888888
888888888:::::8:::::::::顶8888888ooooo顶8888888888888888888888888888888
888888.顶::::::::::::::顶8888888888::::::顶8888888888888888 ‘’’‘888888888
8888…顶:::::::::::::::顶88888888888::::::顶8888888888888888 88888888
.888…顶::::::::::::::顶8888888888888:::::::顶888888888888888 888888
…888.顶:::::::::::::顶88888888888888888::::::顶8888888888888 88888
…88.顶:::::::::::::8888:88888888888888888:::::顶顶888888888 8888
…88.顶:::::::::::8888顶::88888::888888888888:::::顶顶88888 888
…8…顶::::::::::8888顶:::8888:::::88888888888::::::顶顶88 888
…8顶:::::::8888顶:::::888:::::::88:::8888888:::::::顶顶 88
…88顶:::::::8888顶::::::88:::::::::8:::::888888::::::::顶顶 88
…8888顶:::::888顶:::::::::88::::::::::顶::::8888::::::::::::顶 8
…88888:顶::::888顶::::::::::8:::::::::::顶::::888::::::::::::::顶
…88.888:顶:::888:顶::::::::::8::::::::::::顶::888::::::::::::::::顶
…8.88888顶:::88::顶::::::::::::::::::::::::顶:88::::::::::::::::::顶
…88888顶:::88::顶:::::::::::::::::::::::::顶88:::::::::::::::::::顶
…88888顶:::88::顶:::::::::::::::::::::::::顶:8::::::::::::::::::::顶
…888888顶::::8::顶::::::::::::::8888::::::::顶8::::::::::::8888:::::顶
…88888…顶:::8::顶顶:::::::::::888888:::::::顶::::::::::::888888::::顶
…8888…顶顶:::::顶顶::::::::::888888:::::::顶顶::::::::::888888::::顶
…8888…顶:::::::顶顶::::::::::8888:::::::顶顶顶::::::::::8888::::顶’’’’
…888…顶顶::::::顶顶顶:::::::::::::::::顶顶::顶::::::::::::::::顶’’’’
…88…顶::::::::顶顶顶顶:::::::::::顶顶顶:::顶顶:::::::::::::顶’’’’
…88…顶顶:::::::::顶顶顶顶顶顶顶顶顶顶:::::::顶顶顶顶
…88…顶顶::::::::::::顶顶顶顶顶顶顶::::::::::::顶顶
…88…8顶顶::::::::::::::::::::::::::::::::::::::::顶
…8…88顶顶::::::::::::::::::::::顶:::顶::::::::::顶
…888顶顶::::::::::::::::::顶顶::::::顶顶::::::顶
…88888顶顶:::::::::::::::顶顶顶:::::::顶顶:::::顶
…888888顶顶:::::::::::::顶顶顶:::::::::顶顶:::顶
…88888888顶顶:::::::::::顶顶顶:::::::::::顶:::顶
…88.8888888.顶::::::::顶顶顶::::::::::::::顶::顶
…8…888888…顶::::::顶顶:::::::::::::::::顶::顶
…888888…顶:::::顶:::::::::::::::::::顶::顶顶
…888888…顶::::顶::::::::::::::::::::::::顶顶
…888888…顶::::顶::::::::::::::::::::::::顶:顶
…88888…顶::::::::::::::8::::::::::::::::顶::顶
…88888…顶:::::::::::::::88::::::::::::::::顶::顶
…88888…顶::::::::::::::::8::::::::::::::::::顶::顶
…88888…顶:::::顶:::::::::::::::::::::顶::::::::顶::顶
…8888…顶:::::顶:::::::::::::::::::::::顶顶::::::顶::顶
…8888…顶:::::顶:::::::::::::::::::::::顶顶顶:::::::顶:顶
…888…顶:::::顶顶::::::::::::::::::::::顶顶顶::::::::顶:顶
…顶::::::顶顶:::::::::::::::::::::顶顶顶::::::::: 顶:顶
…顶:::::顶:::::::::::::::::::::::顶顶::::::::::::::顶:顶
…顶::::::::::::::::::::::::::::::顶::::::::::::::::::顶:顶
…顶::::::::::::::::::::::::::::::::::::::::::::::::::顶:顶
…顶::::::::顶:::::::::::::::::::::::::::::::::::::::::顶:顶
…顶::::::::顶:::::::::::::::::顶::::::::::::::::::::::顶:顶
…顶::::::::::顶::::::::::::::顶::::::::::::::::::::::::顶:顶顶
…顶:::::::::::顶8::::::::8:顶:::::::::::::::::::::::::顶:顶顶p
…顶::::::::::::888hole888顶:::::::::::::::::::::::::::顶:顶o
…顶:::::::::::::88888888顶:::::::::::::::::::::::::::顶:顶p
…顶::::::::::::::888888顶::::::::::::::::::::::::::::顶:顶
…顶:::::::::::::::88888顶:::::::::::::::::::::::::::顶:顶
…顶:::::::::::::::::88顶::::::::::::::::::::::::::::顶顶
…顶:::::::::::::::::::顶:::::::::::::::::::::::::::顶顶
…顶:::::::::::::::::::顶::::::::::::::::::::::::::顶顶
…顶:::::::::::::::::顶::::::::::::::::::::::::::顶顶
…顶:::::::::::::::::顶::::::::::::::::::::::::::顶
…顶:::::::::::::::顶::::::::::::::::::::::::::顶
…顶:::::::::::::::顶:::::::::::::::::::::::::顶
…顶:::::::::::::顶:::::::::::::::::::::::::顶
…顶:::::::::::::顶:::::::::::::::::::::::顶
…顶:::::::::::顶:::::::::::::::::::::::顶
…顶:::::::::::顶::::::::::::::::::::::顶
…顶:::::::::顶::::::::::::::::::::::顶
…顶:::::::::顶:::::::::::::::::::::顶
…顶:::::::顶:::::::::::::::::::::顶
…顶::::::顶::::::::::::::::::::顶
…顶:::::顶::::::::::::::::::::顶
…顶:::顶::::::::::::::::::::顶
…顶::顶::::::::::::::::::::顶
…顶:顶:::::::::::::::::::顶
…顶顶:::::::::::::::::::顶
…顶顶::::::::::::::::::顶
…顶顶:::::::::::::::::顶
…顶顶:::::顶::::::::顶顶
…顶顶::::顶顶:::::::顶顶
…顶顶::::::顶顶:::::顶顶
…顶顶::::::::::::::顶顶
…顶顶::::顶:::::::::顶顶
…顶顶::顶顶顶:::::::顶顶
…顶顶::顶顶顶:::::::顶顶
…顶顶:::顶顶::::::::::顶
…顶顶::顶顶::::::::::顶
…顶顶::顶顶:::::::::::顶
…顶顶:::顶::::::::::::顶
…顶顶:::::::::::::::::顶
…顶顶:::::::::::::::::顶
…顶顶::::::::::::::::::顶
…顶顶::::::::::::::::::顶
…顶顶::::::::::::::::::顶
…顶顶:::::::::::::::::顶
…顶顶:::::::::::::::::顶
…顶顶:::::::::::::::::顶
…顶顶:::::::::::::::::顶
…顶顶:::::::::::::::::顶
…顶顶:::::::::::::::顶
…顶顶:::::::::::::::顶
…顶顶:::::::::::::::顶
…顶顶::::::::::::::顶
…顶顶:::::::::::::顶
…顶顶:::::::::::::顶
…顶顶:::::::::::::顶
…顶顶::::::::::::顶
…顶顶::::::::::::顶
…顶顶:::::::::::顶
…顶顶::::::::::顶
…顶顶::::::::::顶
…顶顶::::::::顶
…顶顶::::::::顶
…顶顶::::::::顶
…顶顶:::::::顶
…顶顶:::::::顶
…顶顶::::::顶
…顶顶::::::顶
…顶顶::::::顶
…顶顶::::::顶
…顶顶::::::顶
…顶顶::::::顶
…顶顶:::::::顶
…顶:顶::::::::顶
…顶:顶:::::::::顶
…顶:顶::::::::::顶
…顶:顶:::::::::::顶
…顶:顶::::::::::::顶
…顶:顶:::::::::::::顶
…顶:顶::::::::::::::顶
…顶顶:::::::::::::::::顶
…顶顶::::::::::::::::顶
…顶顶顶:::::::::顶顶
…顶顶::顶::::顶顶
…顶顶顶顶顶顶顶
…顶顶顶顶顶
-->
<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=5">
    <title>好软猫官网 - 好软猫地址引导页</title>
    <meta name="description" content="好软猫地址引导页">
    <meta name="format-detection" content="telephone=no">
    <link rel="icon" href="./favicon.ico">
    <link rel="stylesheet" href="./assets/css/index.css">
    <link rel="stylesheet" href="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/font-awesome/4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/fancybox/3.5.7/jquery.fancybox.css">
    <script type="text/javascript">
        if (!!window.ActiveXObject || "ActiveXObject" in window) { //is IE?
            alert('朋友，这边建议您使用Chrome浏览器呢~');
        }
    </script>
</head>

<body>
    <div id="body-wrap">
        <nav class="not_index_bg" id="nav" style="background-image:url(./assets/images/bg.jpg)">
            <div id="page_site-info">
                <div id="site-title">
                    <span class="blogtitle"></span>
                    <script src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/typed.js/2.0.12/typed.min.js"></script>
                    <script>
                        var typed = new Typed(".blogtitle", {
                            strings: ['欢迎光临好软猫官网~','挑战一秒记住本站，准备好了吗？','好软猫.com（haoruanmao.com）','其实就是拼音啦，你记住了吗？'],
                            startDelay: 300,
                            typeSpeed: 100,
                            loop: true,
                            backSpeed: 50,
                            showCursor: true
                        });
                    </script>
                </div>
            </div>
        </nav>
        <main id="content-outer">
            <div class="layout_page" id="content-inner">
                <div class="aside_content" id="aside_content">
                    <div class="card-widget card-info">
                        <div class="card-content">
                            <div class="card-info-avatar is-center">
                                <img class="avatar-img"
                                    src="./assets/favicon.ico"
                                    alt="avatar">
                                <div class="author-info__name"><font color="orange"><b>好软猫</b></font></div>
                                <!-- <div class="author-info__description">Hello World!</div> -->
                            </div>
                            <div class="card-info-social-icons is-center">
                                <a class="social-icon" href="https://www.haoruanmao.com" onclick="return confirm('点击确定前往好软猫博客，获取海量免费资源。')" target="_blank"><svg t="1721549548228" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3037" width="32" height="32"><path d="M0 489.941333c0-72.576 15.829333-141.482667 44.032-203.733333L286.72 940.458667C117.034667 859.306667 0 688.085333 0 489.898667z m860.074667-32.981333c0 41.173333-16.981333 88.96-39.210667 155.562667l-51.413333 160.426666L583.296 255.573333c31.018667-1.536 58.965333-4.608 58.965333-4.608a19.925333 19.925333 0 0 0-3.285333-39.68s-83.413333 6.144-137.301333 6.144c-50.602667 0-135.68-6.101333-135.68-6.101333-27.733333-1.536-31.018667 38.101333-3.242667 39.68 0 0 26.282667 3.029333 54.058667 4.565333l80.213333 205.397334-112.768 315.861333L196.693333 255.616a1111.168 1111.168 0 0 0 58.965334-4.608 19.925333 19.925333 0 0 0-3.285334-39.68s-83.413333 6.144-137.301333 6.144c-9.642667 0-21.034667-0.213333-33.152-0.554667C174.037333 86.272 332.373333 0 512.298667 0c134.101333 0 256.213333 47.872 347.861333 126.293333-2.218667-0.085333-4.394667-0.341333-6.656-0.341333a86.016 86.016 0 0 0-86.528 85.418667c0 39.68 24.490667 73.216 50.602667 112.896 19.626667 32 42.496 73.216 42.496 132.693333z m103.381333-211.626667A478.592 478.592 0 0 1 1024 478.848c0 179.541333-98.816 336.341333-245.76 420.693333l150.954667-429.824c28.202667-69.461333 37.589333-124.970667 37.589333-174.336 0-17.92-1.194667-34.56-3.328-50.048zM528.64 531.541333l163.882667 415.061334c1.066667 2.432 2.389333 4.693333 3.797333 6.826666a571.861333 571.861333 0 0 1-177.066667 27.904c-52.309333 0-102.826667-7.082667-150.613333-20.053333l160-429.738667z" fill="#21759B" p-id="3038"></path></svg></a>
                                <a class="social-icon" href="https://dh.haoruanmao.com" onclick="return confirm('点击确定前往好软猫导航，纯净实用的网址导航。')" target="_blank"><svg t="1721549683866" class="icon" viewBox="0 0 1029 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8025" width="32" height="32"><path d="M515.152552 514.039887m-509.971703 0a509.971703 509.971703 0 1 0 1019.943407 0 509.971703 509.971703 0 1 0-1019.943407 0Z" fill="#4AB034" p-id="8026"></path><path d="M311.418857 728.587301L503.71296 289.061234a12.343633 12.343633 0 0 1 22.624199 0l192.282513 439.526067a12.366814 12.366814 0 0 1-16.180012 16.307504l-187.414601-80.320544-187.426191 80.320544a12.343633 12.343633 0 0 1-16.180011-16.307504z m0 0" fill="#FFFFFF" p-id="8027"></path></svg></a>
                                <a class="social-icon" href="mailto:haoruanmao@qq.com" onclick="return confirm('通过邮件与我们联系，最迟会在24小时内收到回复。')"><svg t="1721549993297" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="41315" width="32" height="32"><path d="M512 0c-15.2 0-30.4 0.8-45.6 2.4-2.4 0-4 0-6.4 0.8C201.6 28.8 0 247.2 0 512c0 267.2 204.8 486.4 466.4 509.6 33.6 3.2 67.2 2.4 100-0.8 4 0 7.2-0.8 10.4-1.6 104.8-13.6 199.2-58.4 274.4-124.8h0.8c6.4-5.6 13.6-12 20-18.4 8-8 16-16 24-24.8v-0.8c66.4-75.2 111.2-169.6 124.8-274.4 0.8-4.8 1.6-10.4 1.6-15.2 1.6-16.8 2.4-32.8 2.4-49.6C1024 229.6 794.4 0 512 0z" fill="#AD181F" p-id="41316"></path><path d="M748 261.6h-472c-44 0-80 36-80 80v340.8c0 44 36 80 80 80h472c44 0 80-36 80-80V341.6c0-44-36-80-80-80z m-0.8 52.8l-220 184c-9.6 7.2-23.2 7.2-32 0.8L276 314.4h471.2z m28 368c0 15.2-12 27.2-27.2 27.2h-472c-15.2 0-27.2-12-27.2-27.2V360l212.8 180c13.6 10.4 31.2 16.8 48.8 16.8 18.4 0 36-6.4 49.6-17.6L775.2 360v322.4z" fill="#FFFFFF" p-id="41317"></path></svg></a>
                                <br>
                                <button class="dark-button" onclick="dark()" style="vertical-align:middle"><span><i class="fa fa-sun-o"></i> / <i class="fa fa-moon-o"></i></span></button>
                            </div>
                        </div>
                    </div>

                    <div class="card-widget card-announcement">
                        <div class="card-content">
                            <div class="item-headline">
                                <i class="fa fa-calendar" aria-hidden="true"></i>
                                <span>最新公告</span>
                            </div>
                            <div id="">
                                <p>当前好软猫各站点均正常，可以随意访问~</p>
                            </div>
                        </div>
                    </div>
                    <div class="card-widget card-announcement">
                        <div class="card-content">
                            <div class="item-headline">
                                <i class="fa fa-bullhorn" aria-hidden="true"></i>
                                <span>随机一言</span>
                            </div>
                            <div id="hitokoto"></div>
                        </div>
                    </div>

                    <div class="card-widget card-announcement">
                        <div class="card-content">
                            <div class="item-headline">
                                <i class="fa fa-file-text-o" aria-hidden="true"></i>
                                <span>推荐访问</span>
                            </div>
                            <div id="">
                                <li><a href="https://www.haoruanmao.com" style="color: orange; text-decoration:none;">好软猫</a></li>
                                <li><a href="https://dh.haoruanmao.com" style="color: orange; text-decoration:none;">好软猫导航</a></li>
                            </div>
                        </div>
                    </div>

                    <div class="card-widget card-webinfo">
                        <div class="card-content">
                            <div class="item-headline">
                                <i class="fa fa-line-chart" aria-hidden="true"></i>
                                <span>站点信息</span>
                            </div>
                            <div class="webinfo">
                                <div class="webinfo-item">
                                    <div class="webinfo-site-name">今日访问人数：</div>
                                    <div class="webinfo-site-pv-count" id="busuanzi_value_site_pv">未知</div>
                                </div>
                                <div class="webinfo-item">
                                    <div class="webinfo-site-name">站点运行状态：</div>
                                    <div class="webinfo-site-pv-count" id="">正常</div>
                                    <!-- <div class="webinfo-site-pv-count" id="">卡顿</div> -->
                                    <!-- <div class="webinfo-site-pv-count" id="">严重错误</div> -->
                                </div>
                                <div class="webinfo-item">
                                    <div class="webinfo-site-name">今日站长状态：</div>
                                    <div class="webinfo-site-pv-count" id="">繁忙</div>
                                </div>
                                <div class="webinfo-item">
                                    <div class="webinfo-site-name">-----</div>
                                    <div class="webinfo-site-pv-count" id="">-----</div>
                                </div>
                                <div class="webinfo-item">
                                    <div class="webinfo-site-name">本站已稳定运行</div>
                                    <div class="webinfo-site-pv-count" id="busuanzi_value_site_pv">
                                        <span id=span_time>未知</span>
                                        <script language=javascript>
                                            function show_date_time()
                                            {
                                                window.setTimeout("show_date_time()", 1000);
                                                BirthDay=new Date("11/25/2020 00:00:00");
                                                today=new Date();
                                                timeold=(today.getTime()-BirthDay.getTime());
                                                sectimeold=timeold/1000
                                                secondsold=Math.floor(sectimeold);
                                                msPerDay=24*60*60*1000
                                                e_daysold=timeold/msPerDay
                                                daysold=Math.floor(e_daysold);
                                                e_hrsold=(e_daysold-daysold)*24;
                                                hrsold=Math.floor(e_hrsold);
                                                e_minsold=(e_hrsold-hrsold)*60;
                                                minsold=Math.floor((e_hrsold-hrsold)*60);
                                                seconds=Math.floor((e_minsold-minsold)*60);
                                                span_time.innerHTML='<font style=color:#C40000>'+daysold+'</font> 天 <font style=color:#C40000>'+hrsold+'</font> 时 <font style=color:#C40000>'+minsold+'</font> 分 <font style=color:#C40000>'+seconds+'</font> 秒';
                                            }
                                            show_date_time();
                                        </script>
                                </div>
                                </div>
                                <div class="webinfo-item">
                                    <div class="webinfo-site-name">当前页面地址</div>
                                    <div class="webinfo-site-pv-count" style="user-select: text" id="">
                                        <span id="span_url">[ <a href="javascript:void(0);" onclick="page_url()" style="color: orange;">查看</a> ] [ <a href="javascript:void(0);" onclick="copy(url)" style="color: orange;">复制</a> ]</span>
                                        <script>
                                            var url = window.location.href;
                                            // span_url.innerHTML=url
                                        </script>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <article id="page">
                    <div class="article-container">
                        <h2>听听好软猫的歌单？网易搜好软猫</h2>
                        <meting-js auto="https://music.163.com/#/my/m/music/playlist?id=12338238758">
                        </meting-js>
                        <hr>

                        <h2>关于我们</h2>
                        <div class="tool">
                            <li>好软猫旗下网站均由我一人维护，我对编程不太懂，但是我学识渊博，经验丰富，代码风骚，效率恐怖。C/C＋＋，java，php无不精通，熟练掌握各种框架。会DDOS一秒钟死一个站，会注入，会上传，会Xss，会破解，会嗅探，会开发，会业务，会运维，会渗透。互联网内，我无处不在。全国漏洞认识深刻，熟练掌握各种操作系统内核。认真学习过《黑客攻防技术宝典》，《逆向工程》，《游戏waigua攻防艺术》等专业书籍。深山苦练十余载，一天只睡2小时。脾气好，不喷人，操作虎，意识强，渗透快，shell多，能过狗，能过盾。千里之外取服务器首级，瞬息之间爆管理员狗头，压安全狗如压草芥。电话通知出Bug后，秒登vpn，千里之外定位问题，瞬息之间修复上线。只有你想不到的，没有我做不到的。以上都是吹的，正如我一开始所说，我对编程不太懂，我只会划水摸鱼。</li>
                        </div>

                        <hr>
                        <h2>旗下网站</h2>
                        <div class="tool">
                            <li><a href="https://www.haoruanmao.com" >好软猫 - 专注好软件与资源分享的猫</a></li>
                            <li><a href="https://dh.haoruanmao.com" >好软猫导航 - 纯净实用的网址导航</a></li>
                            <li><a href="https://app.haoruanmao.com" >官方APP - 好软猫官方安卓APP下载</a></li>
                        </div>

                        <hr>

                        <h2>我的技能</h2>
                        <div class="skillbox">
                            <div class="skillbar">
                                <div class="skillbar-title"
                                    style="background: linear-gradient(to right, #FF0066 0%, #FF00CC 100%); width: 80%">
                                    <span>HTML</span>
                                </div>
                                <div class="skill-bar-percent">80%</div>
                            </div>
                            <div class="skillbar">
                                <div class="skillbar-title"
                                    style="background: linear-gradient(to right, #9900FF 0%, #CC66FF 100%); width: 20%">
                                    <span>CSS</span>
                                </div>
                                <div class="skill-bar-percent">20%</div>
                            </div>
                            <div class="skillbar">
                                <div class="skillbar-title"
                                    style="background: linear-gradient(to right, #2196F3 0%, #42A5F5 100%); width: 65%">
                                    <span>PHP</span>
                                </div>
                                <div class="skill-bar-percent">65%</div>
                            </div>
                            <div class="skillbar">
                                <div class="skillbar-title"
                                    style="background: linear-gradient(to right, #00BCD4 0%, #80DEEA 100%); width: 60%">
                                    <span>MySQL</span>
                                </div>
                                <div class="skill-bar-percent">60%</div>
                            </div>
                            <div class="skillbar">
                                <div class="skillbar-title"
                                    style="background: linear-gradient(to right, #f54009 0%, #f54059 100%); width: 90%">
                                    <span>Office</span>
                                </div>
                                <div class="skill-bar-percent">90%</div>
                            </div>
                            <div class="skillbar">
                                <div class="skillbar-title"
                                    style="background: linear-gradient(to right, #4CAF50 0%, #81C784 100%); width: 50%">
                                    <span>PS</span>
                                </div>
                                <div class="skill-bar-percent">50%</div>
                            </div>
                            <div class="skillbar">
                                <div class="skillbar-title"
                                    style="background: linear-gradient(to right, #FFEB3B 0%, #FFF176 100%); width: 100%">
                                    <span>摸鱼</span>
                                </div>
                                <div class="skill-bar-percent">100%</div>
                            </div>
                        </div>
                        
                        <hr>
                        <h2></h2>
                        <div class="tool">
                            <p></p>
                        </div>
                    </div>
                </article>
            </div>
        </main>
        <footer id="footer">
            <div id="footer-wrap">
                    <style>
        #footer-wrap {
            font-size: 14px; /* 设置字体大小为14px */
            color: #333; /* 设置字体颜色 */
            text-align: center; /* 设置文本居中 */
            padding: 10px; /* 设置内边距 */
            background-color: #f1f1f1; /* 设置背景颜色 */
        }
        
        #footer-wrap a {
            color: #0066cc; /* 设置链接颜色 */
            text-decoration: none; /* 去掉下划线 */
        }

        #footer-wrap a:hover {
            text-decoration: underline; /* 鼠标悬停时添加下划线 */
        }
    </style>
                &copy;好软猫官网<br><a href="https://beian.miit.gov.cn/" >蜀ICP备2023038288号-1</a>
            </div>
        </footer>
    </div>
    <script src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/typed.js/2.0.12/typed.js"></script>
    <script src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/fancybox/3.5.7/jquery.fancybox.js"></script>
    <script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
    <script src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/instant.page/5.1.0/instantpage.js" type="module"></script>
    <script src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/lazysizes/5.3.2/lazysizes.min.js" async></script>
    <script src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/sweetalert/2.1.2/sweetalert.min.js"></script>

    <!-- APlayer -->
    <link rel="stylesheet" href="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/aplayer/1.10.1/APlayer.min.css">
    <script src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/aplayer/1.10.1/APlayer.min.js"></script>
    <!-- MetingJS -->
    <script src="../assets/js/meting.js"></script>

    <!-- nplayer -->
    <script src="https://unpkg.com/nplayer@latest/dist/index.min.js"></script>

    <!-- 一言 -->
    <script src="https://v1.hitokoto.cn/?encode=js&select=%23hitokoto" defer></script>
    <script src="https://sdk.jinrishici.com/v2/browser/jinrishici.js" charset="utf-8"></script>

    <!-- 看板娘 -->
    <!--
    <script src="https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget@latest/autoload.js"></script>
    -->

    <!--鼠标点击效果-->
    <!-- <script src="https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.0.8/js/maodian.js"></script> -->

    <!-- 复制内容 -->
    <script>
        function copy(data) {
            let input = document.createElement("input");
            input.setAttribute("readonly", "readonly");
            input.value = data;
            document.body.appendChild(input);
            input.select();
            document.execCommand("Copy");
            document.body.removeChild(input);
            swal("复制成功！");
        }
    </script>

    <!-- 显示邮箱 -->
    <script>
        function email() {
            swal({
                title: "E-mail",
                text: "haoruanmao@qq.com",
                buttons: ["复制", true],
            })
            .then((OK) => {
                if (OK) {
                }
                else {
                    copy("haoruanmao@qq.com");
                }
            });
        }
    </script>
    
    <!-- 显示URL -->
    <script>
        function page_url() {
            swal({
                title: "URL",
                text: url,
            })
        }
    </script>

    <!-- 问候 -->
    <script language="javaScript">
        now = new Date(),hour = now.getHours();
        if(hour > 0) if(hour < 6) swal({title: "凌晨了!", text: "注意休息~", icon: "info"});
        else if(hour > 6) if(hour < 9) swal({title: "早上好!", text: "Good morning", icon: "info"});
        else if(hour > 21) if(hour < 24)
            swal({
                title: "晚上好!",
                text: "开启夜间模式可以让页面不那么刺眼哟~",
                icon: "info",
                buttons: ["夜间模式", true],
            })
            .then((OK) => {
                if (OK) {
                }
                else {
                    dark();
                }
            });
    </script>

    <script type="text/javascript">
        // 控制台消息
        console.clear();
        console.log("%c 乾杯 - ( ゜- ゜)つロ", "background:#24272A; color:#ffffff", "");
        console.log("");

        // 夜间模式
        function dark() {
            var element = document.body;
            element.classList.toggle("dark-mode");
        }

        (function ($) {
            $.fn.snow = function (options) {
                var $flake = $('<div id="snowbox" />').css({ 'position': 'absolute', 'z-index': '9999', 'top': '-50px' }).html('&#10052;'),
                    documentHeight = $(document).height(),
                    documentWidth = $(document).width(),
                    defaults = {
                        minSize: 10,
                        maxSize: 20,
                        newOn: 1000,
                        flakeColor: "#AFDAEF" /* 此处可以定义雪花颜色，若要白色可以改为#FFFFFF */
                    },
                    options = $.extend({}, defaults, options);
                var interval = setInterval(function () {
                    var startPositionLeft = Math.random() * documentWidth - 100,
                        startOpacity = 0.5 + Math.random(),
                        sizeFlake = options.minSize + Math.random() * options.maxSize,
                        endPositionTop = documentHeight - 200,
                        endPositionLeft = startPositionLeft - 500 + Math.random() * 500,
                        durationFall = documentHeight * 10 + Math.random() * 5000;
                    $flake.clone().appendTo('body').css({
                        left: startPositionLeft,
                        opacity: startOpacity,
                        'font-size': sizeFlake,
                        color: options.flakeColor
                    }).animate({
                        top: endPositionTop,
                        left: endPositionLeft,
                        opacity: 0.2
                    }, durationFall, 'linear', function () {
                        $(this).remove()
                    });
                }, options.newOn);
            };
        })(jQuery);
        $(function () {
            $.fn.snow({
                minSize: 5, /* 定义雪花最小尺寸 */
                maxSize: 50,/* 定义雪花最大尺寸 */
                newOn: 800  /* 定义密集程度，数字越小越密集 */
            });
        });

        // 浏览器萌标题
        var OriginTitle = document.title;
        var titleTime;
        document.addEventListener('visibilitychange', function () {
            if (document.hidden) {
                // $('[rel="icon"]').attr('href', "/funny.ico");
                document.title = '╭(°A°`)╮ 快回来！';
                clearTimeout(titleTime);
            }
            else {
                $('[rel="icon"]').attr('href', "/favicon.ico");
                document.title = '(ฅ>ω<*ฅ) 总算回来啦~';
                titleTime = setTimeout(function () {
                    document.title = OriginTitle;
                }, 1000);
            }
        });
    </script>
    <!-- 百度统计_好软猫www.haoruanmao.com -->
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?5db30a44f2679554539202246c7cdeee";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
</body>

</html>