<!--
	…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顶::::::::::::::::::::::::::::顶顶
…顶:::::::::::::::::::顶:::::::::::::::::::::::::::顶顶
…顶:::::::::::::::::::顶::::::::::::::::::::::::::顶顶
…顶:::::::::::::::::顶::::::::::::::::::::::::::顶顶
…顶:::::::::::::::::顶::::::::::::::::::::::::::顶
…顶:::::::::::::::顶::::::::::::::::::::::::::顶
…顶:::::::::::::::顶:::::::::::::::::::::::::顶
…顶:::::::::::::顶:::::::::::::::::::::::::顶
…顶:::::::::::::顶:::::::::::::::::::::::顶
…顶:::::::::::顶:::::::::::::::::::::::顶
…顶:::::::::::顶::::::::::::::::::::::顶
…顶:::::::::顶::::::::::::::::::::::顶
…顶:::::::::顶:::::::::::::::::::::顶
…顶:::::::顶:::::::::::::::::::::顶
…顶::::::顶::::::::::::::::::::顶
…顶:::::顶::::::::::::::::::::顶
…顶:::顶::::::::::::::::::::顶
…顶::顶::::::::::::::::::::顶
…顶:顶:::::::::::::::::::顶
…顶顶:::::::::::::::::::顶
…顶顶::::::::::::::::::顶
…顶顶:::::::::::::::::顶
…顶顶:::::顶::::::::顶顶
…顶顶::::顶顶:::::::顶顶
…顶顶::::::顶顶:::::顶顶
…顶顶::::::::::::::顶顶
…顶顶::::顶:::::::::顶顶
…顶顶::顶顶顶:::::::顶顶
…顶顶::顶顶顶:::::::顶顶
…顶顶:::顶顶::::::::::顶
…顶顶::顶顶::::::::::顶
…顶顶::顶顶:::::::::::顶
…顶顶:::顶::::::::::::顶
…顶顶:::::::::::::::::顶
…顶顶:::::::::::::::::顶
…顶顶::::::::::::::::::顶
…顶顶::::::::::::::::::顶
…顶顶::::::::::::::::::顶
…顶顶:::::::::::::::::顶
…顶顶:::::::::::::::::顶
…顶顶:::::::::::::::::顶
…顶顶:::::::::::::::::顶
…顶顶:::::::::::::::::顶
…顶顶:::::::::::::::顶
…顶顶:::::::::::::::顶
…顶顶:::::::::::::::顶
…顶顶::::::::::::::顶
…顶顶:::::::::::::顶
…顶顶:::::::::::::顶
…顶顶:::::::::::::顶
…顶顶::::::::::::顶
…顶顶::::::::::::顶
…顶顶:::::::::::顶
…顶顶::::::::::顶
…顶顶::::::::::顶
…顶顶::::::::顶
…顶顶::::::::顶
…顶顶::::::::顶
…顶顶:::::::顶
…顶顶:::::::顶
…顶顶::::::顶
…顶顶::::::顶
…顶顶::::::顶
…顶顶::::::顶
…顶顶::::::顶
…顶顶::::::顶
…顶顶:::::::顶
…顶:顶::::::::顶
…顶:顶:::::::::顶
…顶:顶::::::::::顶
…顶:顶:::::::::::顶
…顶:顶::::::::::::顶
…顶:顶:::::::::::::顶
…顶:顶::::::::::::::顶
…顶顶:::::::::::::::::顶
…顶顶::::::::::::::::顶
…顶顶顶:::::::::顶顶
…顶顶::顶::::顶顶
…顶顶顶顶顶顶顶
…顶顶顶顶顶
-->
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>北辰官网-这里有你想要的！</title>
  <meta name="keywords" content="爱准挂,我爱,北辰博客,北辰官网,北辰">
  <meta itemprop="name" content="北辰官网">
  <meta itemprop="image" content="./favicon.ico">
  <meta name="description" itemprop="description" content="北辰官网-这里有你想要的！">
  <link rel="shortcut icon" href="favicon.ico">
  <link rel="stylesheet" href="Css/buttons.css">
  <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.2.0/css/font-awesome.min.css">
  <link rel="stylesheet" id="patternfly-adjusted-css" href="Css/app.css"type="text/css" media="all">
  <script type="text/javascript" src="Scripts/jquery.js"></script>
  <script type="text/javascript" src="Scripts/bootstrap.min.js"></script>
  <script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
  <script>LA.init({id: "JedYDRGdtLUTgnPW",ck: "JedYDRGdtLUTgnPW"})</script>
  <script src="https://sdk.51.la/perf/js-sdk-perf.min.js" crossorigin="anonymous"></script>
  <script>
  new LingQue.Monitor().init({id:"JiG7kchsrwO0eGOw",sendSpaPv:true});
  </script>
  <style>::-webkit-scrollbar{display:none;}</style>
  <style>
    #main article { border-bottom: none; }
	body{
		    font: 500 .875em PingFang SC,Lantinghei SC,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans;
        background-color: #07040e;
	}
  #canvas {
                position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    cursor: none;
        }
        .content{
      position: absolute;
    z-index: 11;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
}
.splash{
  position: relative;
  }
  img#qq {
    width: 128px;
    background-size: cover;
    border-radius: 200px;
    box-shadow: 0px 0px 40px rgba(63, 81, 181, 0.72);
    border: 3px solid #00a0ff;
    opacity: 1;
    margin: 0 auto;
    margin-top: 20px;
	margin-bottom: 20px;
	transition: all 1.0s;  
}
#qq:hover {
    box-shadow: 0 0 10px #fff;
    -webkit-box-shadow: 0 0 19px #fff;
    transform:rotate(360deg);
    -ms-transform:rotate(360deg); 	/* IE 9 */
    -moz-transform:rotate(360deg); 	/* Firefox */
    -webkit-transform:rotate(360deg); /* Safari 和 Chrome */
    -o-transform:rotate(360deg); 	/* Opera */
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
  </style>

  
</head>
<body class="home page page-id-194 page-template page-template-page-homepage page-template-page-homepage-php custom-background" ondragstart="window.event.returnValue=false" oncontextmenu="window.event.returnValue=false" onselectstart="event.returnValue=false">
  <header role="banner">
    <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="icon-bar">
            </span>
            <span class="icon-bar">
            </span>
            <span class="icon-bar">
            </span>
          </button>
          <a class="navbar-brand" id="logo" title="北辰" href="">
           北辰网络科技
          </a>
        </div>
        <!-- end .navbar-header -->
        <div class="navbar-collapse collapse">
          <ul id="menu-primary" class="nav navbar-nav navbar-right">
         
            <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children dropdown">
              <a target="_blank" href="https://api.uomg.com/api/qq.talk?qq=78099209" class="dropdown-toggle">
               联系北辰
              </a>
            </li>
                
              
       
          </ul>
        </div>
        <!-- end .navbar-collapse -->
      </div>
      <!-- end .container -->
    </nav>
    <!-- end .navbar -->
  </header>
  <!-- end header -->
  <div class="jumbotron">
    <div class="container">
      <div class="splash">
        <div class="content">
          <img src="./bclogo.png" alt="PatternFly logo" id="qq" class="wow fadeInDown animated"
          style="visibility: visible; animation-name: fadeInDown;">
          <h1 class="wow fadeIn animated" data-wow-delay="750ms" style="visibility: visible; animation-delay: 750ms; animation-name: fadeIn;">
            北辰
          </h1>
          <p class="description wow fadeIn animated" data-wow-delay="1250ms" style="visibility: visible; animation-delay: 1250ms; animation-name: fadeIn;">
           <b id="nr">生活有你才会更美好！</b><br><br>
           <b>CTRL+D 收藏本站！不迷路</b>
          </p>
		  <a target="_blank"  href="https://pay.beichenwl.cn" class="button button-glow button-border button-rounded button-primary"><i class="fa fa-check-circle"></i>北辰易支付</a>
		  <a target="_blank"  href="https://u.beichenwl.cn/" class="button button-glow button-border button-rounded button-primary"><i class="fa fa-cloud"></i>北辰聚合登录</a>
		  <a target="_blank"  href="https://music.666bc.cn/" class="button button-glow button-border button-rounded button-primary"><i class="fa fa-music"></i>全网音乐下载</a>
		  <a target="_blank"  href="http://wyy.txqq.pro/" class="button button-glow button-border button-rounded button-primary"><i class="fa fa-rocket"></i>六合一DG</a>
		  <a target="_blank"  href="https://www.666bc.cn/" class="button button-glow button-border button-rounded button-primary"><i class="fa fa-qq"></i>极致导航</a>
		  <a target="_blank"  href="https://p.txqq.pro" class="button button-glow button-border button-rounded button-primary"><i class="fa fa-play-circle"></i>看小姐姐</a>
		  <!--<a target="_blank"  href="https://tc.txqq.pro" class="button button-glow button-border button-rounded button-primary"><i class="fa fa-tumblr"></i>免费图床</a>-->
		  <a target="_blank"  href="https://txqq.pro/ys" class="button button-glow button-border button-rounded button-primary"><i class="fa fa-play-circle"></i>视频解析</a>
          <a target="_blank"  href="https://a.txqq.pro" class="button button-glow button-border button-rounded button-primary"><i class="fa fa-rocket"></i>我爱DG</a>
		  <a target="_blank"  href="https://mz.txqq.pro" class="button button-glow button-border button-rounded button-primary"><i class="fa fa-thumbs-up"></i>北辰秒赞</a>	
          <!--<a target="_blank"  href="http://bcd00.77sq.net" class="button button-glow button-border button-rounded button-primary"><i class="fa fa-qq"></i>北辰社区</a>-->
		  <a target="_blank"  href="https://www.11811.cn/" class="button button-glow button-border button-rounded button-primary"><i class="fa fa-qq"></i>北辰博客</a>
          <a target="_blank"  href="http://fh.txqq.pro" class="button button-glow button-border button-rounded button-primary"><i class="fa fa-qq"></i>北辰防红</a>
          <a target="_blank"  href="https://api.txqq.pro/" class="button button-glow button-border button-rounded button-primary"><i class="fa fa-qq"></i>北辰API</a>
          <!--<a target="_blank"  href="http://jd.666bc.cn" class="button button-glow button-border button-rounded button-primary"><i class="fa fa-qq"></i>京东DG</a>-->
          <!--<a target="_blank"  href="https://666666dg.cn/gg" class="button button-glow button-border button-rounded button-primary"><i class="fa fa-qq"></i>爱准挂公告</a>-->
          <a target="_blank"  href="http://seo.txqq.pro/" class="button button-glow button-border button-rounded button-primary"><i class="fa fa-qq"></i>网站SEO优化</a
          <br><br><br><br><br><br><br><br><br><br><br><br><br><br>
		  <div style="
    width: 100%;
    bottom: 30px;
    box-sizing: border-box;
    left: 0;">
		      <b id="nr">© 2015-2022 北辰 . All Rights Reserved.<a href="http://beian.miit.gov.cn">陕ICP备20008022号-2 </a></b><br /></div>
        </div>
      </div>
    </div>
  <canvas id="canvas" width="100%" height="100%"></canvas>
  <!-- <div id="particles-js"></div> -->
  
  </div>
<script src="https://www.txqq.pro/assets/js/instant.page-5.1.0.js" type="module"></script>
<script type="text/javascript" src="//js.users.51.la/20886537.js"></script>
<script src="Scripts/hovertreewelcome.js"></script>
<script src="js/beichen3.js"></script>
<script type="text/javascript">

// particlesJS('particles-js',
//   {
//     "particles": {
//       "number": {
//         "value": 110,
//         "density": {
//           "enable": true,
//           "value_area": 800
//         }
//       },
//       "color": {
//         "value": "#ffffff"
//       },
//       "shape": {
//         "type": "circle",
//         "stroke": {
//           "width": 0,
//           "color": "#000000"
//         },
//         "polygon": {
//           "nb_sides": 5
//         },
//         "image": {
//           "src": "img/github.svg",
//           "width": 100,
//           "height": 100
//         }
//       },
//       "opacity": {
//         "value": 0.5,
//         "random": false,
//         "anim": {
//           "enable": false,
//           "speed": 1,
//           "opacity_min": 0.1,
//           "sync": false
//         }
//       },
//       "size": {
//         "value": 1,
//         "random": true,
//         "anim": {
//           "enable": false,
//           "speed": 20,
//           "size_min": 0.1,
//           "sync": false
//         }
//       },
//       "line_linked": {
//         "enable": true,
//         "distance": 40,
//         "color": "#fff",
//         "opacity": 1,
//         "width": 1
//       },
//       "move": {
//         "enable": true,
//         "speed": 3,
//         "direction": "none",
//         "random": false,
//         "straight": false,
//         "out_mode": "out",
//         "attract": {
//           "enable": false,
//           "rotateX": 600,
//           "rotateY": 1200
//         }
//       }
//     },
//     "interactivity": {
//       "detect_on": "canvas",
//       "events": {
//         "onhover": {
//           "enable": true,
//           "mode": "grab"
//         },
//         "onclick": {
//           "enable": true,
//           "mode": "push"
//         },
//         "resize": true
//       },
//       "modes": {
//         "grab": {
//           "distance": 120,
//           "line_linked": {
//             "opacity": 1
//           }
//         },
//         "bubble": {
//           "distance": 400,
//           "size": 40,
//           "duration": 2,
//           "opacity": 8,
//           "speed": 3
//         },
//         "repulse": {
//           "distance": 300
//         },
//         "push": {
//           "particles_nb": 4
//         },
//         "remove": {
//           "particles_nb": 2
//         }
//       }
//     },
//     "retina_detect": true,
//     "config_demo": {
//       "hide_card": false,
//       "background_color": "#b61924",
//       "background_image": "",
//       "background_position": "50% 50%",
//       "background_repeat": "no-repeat",
//       "background_size": "cover"
//     }
//   }

// );


        ; (function (window) {

            var ctx,
                hue,
                logo,
                form,
                buffer,
                target = {},
                tendrils = [],
                settings = {};

            settings.debug = true;
            settings.friction = 0.5;
            settings.trails = 20;
            settings.size = 50;
            settings.dampening = 0.25;
            settings.tension = 0.98;

            Math.TWO_PI = Math.PI * 2;

            // ========================================================================================
            // ----------------------------------------------------------------------------------------

            function Oscillator(options) {
                this.init(options || {});
            }

            Oscillator.prototype = (function () {

                var value = 0;

                return {

                    init: function (options) {
                        this.phase = options.phase || 0;
                        this.offset = options.offset || 0;
                        this.frequency = options.frequency || 0.001;
                        this.amplitude = options.amplitude || 1;
                    },

                    update: function () {
                        this.phase += this.frequency;
                        value = this.offset + Math.sin(this.phase) * this.amplitude;
                        return value;
                    },

                    value: function () {
                        return value;
                    }
                };

            })();

            // ========================================================================================
            // Tendril 
            // ----------------------------------------------------------------------------------------

            function Tendril(options) {
                this.init(options || {});
            }

            Tendril.prototype = (function () {

                function Node() {
                    this.x = 0;
                    this.y = 0;
                    this.vy = 0;
                    this.vx = 0;
                }

                return {

                    init: function (options) {

                        this.spring = options.spring + (Math.random() * 0.1) - 0.05;
                        this.friction = settings.friction + (Math.random() * 0.01) - 0.005;
                        this.nodes = [];

                        for (var i = 0, node; i < settings.size; i++) {

                            node = new Node();
                            node.x = target.x;
                            node.y = target.y;

                            this.nodes.push(node);
                        }
                    },

                    update: function () {

                        var spring = this.spring,
                            node = this.nodes[0];

                        node.vx += (target.x - node.x) * spring;
                        node.vy += (target.y - node.y) * spring;

                        for (var prev, i = 0, n = this.nodes.length; i < n; i++) {

                            node = this.nodes[i];

                            if (i > 0) {

                                prev = this.nodes[i - 1];

                                node.vx += (prev.x - node.x) * spring;
                                node.vy += (prev.y - node.y) * spring;
                                node.vx += prev.vx * settings.dampening;
                                node.vy += prev.vy * settings.dampening;
                            }

                            node.vx *= this.friction;
                            node.vy *= this.friction;
                            node.x += node.vx;
                            node.y += node.vy;

                            spring *= settings.tension;
                        }
                    },

                    draw: function () {

                        var x = this.nodes[0].x,
                            y = this.nodes[0].y,
                            a, b;

                        ctx.beginPath();
                        ctx.moveTo(x, y);

                        for (var i = 1, n = this.nodes.length - 2; i < n; i++) {

                            a = this.nodes[i];
                            b = this.nodes[i + 1];
                            x = (a.x + b.x) * 0.5;
                            y = (a.y + b.y) * 0.5;

                            ctx.quadraticCurveTo(a.x, a.y, x, y);
                        }

                        a = this.nodes[i];
                        b = this.nodes[i + 1];

                        ctx.quadraticCurveTo(a.x, a.y, b.x, b.y);
                        ctx.stroke();
                        ctx.closePath();
                    }
                };

            })();

            // ----------------------------------------------------------------------------------------

            function init(event) {

                document.removeEventListener('mousemove', init);
                document.removeEventListener('touchstart', init);

                document.addEventListener('mousemove', mousemove);
                document.addEventListener('touchmove', mousemove);
                document.addEventListener('touchstart', touchstart);

                mousemove(event);
                reset();
                loop();
            }

            function reset() {

                tendrils = [];

                for (var i = 0; i < settings.trails; i++) {

                    tendrils.push(new Tendril({
                        spring: 0.45 + 0.025 * (i / settings.trails)
                    }));
                }
            }

            function loop() {

                if (!ctx.running) return;

                ctx.globalCompositeOperation = 'source-over';
                ctx.fillStyle = 'rgba(8,5,16,0.4)';
                ctx.fillRect(0, 0, ctx.canvas.width, ctx.canvas.height);
                ctx.globalCompositeOperation = 'lighter';
                ctx.strokeStyle = 'hsla(' + Math.round(hue.update()) + ',90%,50%,0.25)';
                ctx.lineWidth = 1;

                if (ctx.frame % 60 == 0) {
                    console.log(hue.update(), Math.round(hue.update()), hue.phase, hue.offset, hue.frequency, hue.amplitude);
                }

                for (var i = 0, tendril; i < settings.trails; i++) {
                    tendril = tendrils[i];
                    tendril.update();
                    tendril.draw();
                }

                ctx.frame++;
                ctx.stats.update();
                requestAnimFrame(loop);
            }

            function resize() {
                ctx.canvas.width = window.innerWidth;
                ctx.canvas.height = window.innerHeight;
            }

            function start() {
                if (!ctx.running) {
                    ctx.running = true;
                    loop();
                }
            }

            function stop() {
                ctx.running = false;
            }

            function mousemove(event) {
                if (event.touches) {
                    target.x = event.touches[0].pageX;
                    target.y = event.touches[0].pageY;
                } else {
                    target.x = event.clientX
                    target.y = event.clientY;
                }
                event.preventDefault();
            }

            function touchstart(event) {
                if (event.touches.length == 1) {
                    target.x = event.touches[0].pageX;
                    target.y = event.touches[0].pageY;
                }
            }

            function keyup(event) {

                switch (event.keyCode) {
                    case 32:
                        save();
                        break;
                    default:
                        // console.log(event.keyCode); hovertree.com
                }
            }

            function letters(id) {

                var el = document.getElementById(id),
                    letters = el.innerHTML.replace('&amp;', '&').split(''),
                    heading = '';

                for (var i = 0, n = letters.length, letter; i < n; i++) {
                    letter = letters[i].replace('&', '&amp');
                    heading += letter.trim() ? '<span class="letter-' + i + '">' + letter + '</span>' : '&nbsp;';
                }

                el.innerHTML = heading;
                setTimeout(function () {
                    el.className = 'transition-in';
                }, (Math.random() * 500) + 500);
            }

            function save() {

                if (!buffer) {

                    buffer = document.createElement('canvas');
                    buffer.width = screen.availWidth;
                    buffer.height = screen.availHeight;
                    buffer.ctx = buffer.getContext('2d');

                    form = document.createElement('form');
                    form.method = 'post';
                    form.input = document.createElement('input');
                    form.input.type = 'hidden';
                    form.input.name = 'data';
                    form.appendChild(form.input);

                    document.body.appendChild(form);
                }

                buffer.ctx.fillStyle = 'rgba(8,5,16)';
                buffer.ctx.fillRect(0, 0, buffer.width, buffer.height);

                buffer.ctx.drawImage(canvas,
                    Math.round(buffer.width / 2 - canvas.width / 2),
                    Math.round(buffer.height / 2 - canvas.height / 2)
                );

                buffer.ctx.drawImage(logo,
                    Math.round(buffer.width / 2 - logo.width / 4),
                    Math.round(buffer.height / 2 - logo.height / 4),
                    logo.width / 2,
                    logo.height / 2
                );

                window.open(buffer.toDataURL(), 'wallpaper', 'top=0,left=0,width=' + buffer.width + ',height=' + buffer.height);

                // form.input.value = buffer.toDataURL().substr(22);
                // form.submit(); hovertree.com
            }

            window.requestAnimFrame = (function () {
                return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || function (fn) { window.setTimeout(fn, 1000 / 60) };
            })();

            window.onload = function () {

                ctx = document.getElementById('canvas').getContext('2d');
                ctx.stats = new Stats();
                ctx.running = true;
                ctx.frame = 1;

               

                hue = new Oscillator({
                    phase: Math.random() * Math.TWO_PI,
                    amplitude: 85,
                    frequency: 0.0015,
                    offset: 285
                });

             

                document.addEventListener('mousemove', init);
                document.addEventListener('touchstart', init);
                document.body.addEventListener('orientationchange', resize);
                window.addEventListener('resize', resize);
                window.addEventListener('keyup', keyup);
                window.addEventListener('focus', start);
                window.addEventListener('blur', stop);

                resize();

                if (window.DEBUG) {

                    var gui = new dat.GUI();

                    // gui.add(settings, 'debug');
                    settings.gui.add(settings, 'trails', 1, 30).onChange(reset);
                    settings.gui.add(settings, 'size', 25, 75).onFinishChange(reset);
                    settings.gui.add(settings, 'friction', 0.45, 0.55).onFinishChange(reset);
                    settings.gui.add(settings, 'dampening', 0.01, 0.4).onFinishChange(reset);
                    settings.gui.add(settings, 'tension', 0.95, 0.999).onFinishChange(reset);

                    document.body.appendChild(ctx.stats.domElement);
                }
            };

        })(window);

    </script>
<audio autoplay>
	<source src="https://api.uomg.com/api/rand.music?sort=热歌榜" type="audio/mpeg">
</audio>
		<script type="text/javascript">
			$(document).ready(function(){
			    $(".xy_back").click(function () {
			        window.history.back();
			    });
			})	
		</script>
</body>
</html>