第 26章 被针对

  <!doctype html>
  <htmlng="zh-cmn-hans">
  <head>
  <meta charset="gbk">
  <meta http-equiv="x-ua-compatible" content="ie=edge,chrome=1">
  <meta name="renderer" content="webkit">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scble=no, viewport-fit=cover">
  <title>404 not found - 未找到要访问的url</title>
  <style>
  body,html{height:100%;min-height:450px;font-size:32px;font-weight:500;color:#5d7399;margin:0;padding:0;border:0}
  .content{height:100%;position:rtive;z-index:1;background-color:#d2e1ec;background-image:-webkit-linear-gradient(top,#bbcfe1 0,#e8f2f6 80%);background-image:linear-gradient(to bottom,#bbcfe1 0,#e8f2f6 80%);overflow:hidden}
  .snow{position:absolute;top:0;left:0;pointer-events:none;z-index:20}
  .main-text{padding:20vh 20px 0 20px;text-align:center;line-height:2em;font-size:5vh}
  .main-text h1{font-size:45px;line-height:48px;margin:0;padding:0}
  .main-text h2 {font-size: 18px;font-weight: 400;line-height: 36px;}
  .main-text-a{height:32px;margin-left:auto;margin-right:auto;text-align:center}
  .main-text-a a{font-size: 16px;text-decoration: none;padding: 10px 20px;text-align: center;background-color: #f6f9fa;color: #5d7399;border: 1px solid #bcd0e2;cursor: pointer;border-radius: 3px;}
  .main-text-a a:hover{background: #5d7399;color: #f6f9fa;transition: ,,;}
  .home-link{position: absolute;disy: inline-block;bottom: 10px;left: 50%;margin-left: -32px;z-index: 999;font-size: 16px;line-height: 24px;font-weight: 400;color: inherit;text-decoration: none;opacity: .8;border-bottom: 1px dashed rgba(93,115,153,.5);}
  .home-link:hover{opacity:1}
  .ground{height:200px;width:100%;position:absolute;bottom:0;left:0;background:#f6f9fa;box-shadow:0 0 10px 10px #f6f9fa}
  .ground:after,.ground:before{content:'';disy:block;width:250px;height:250px;position:absolute;top:-62.5px;z-index:-1;background:0 0;-webkit-transform:scalex(.2) rotate(45deg);transform:scalex(.2) rotate(45deg)}
  .ground:after{left:50%;margin-left:-166.66667px;box-shadow:-340px 260px 15px #8193b2,-620px 580px 15px #8193b2,-900px 900px 15px #b0f,-1155px 1245px 15px #b4bed1,-1515px 1485px 15px #8193b2,-1755px 1845px 15px #8a9bb8,-2050px 2150px 15px #91a1bc,-2425px 2375px 15px #bac4d5,-2695px 2705px 15px #a1aec6,-3020px 2980px 15px #8193b2,-3315px 3285px 15px #94a3be,-3555px 3645px 15px #9aa9c2,-3910px 3890px 15px #b0f,-4180px 4220px 15px #bac4d5,-4535px 4465px 15px #a7b4c9,-4840px 4760px 15px #94a3be}
  .ground:before{right:50%;margin-right:-166.66667px;box-shadow:325px -275px 15px #b4bed1,620px -580px 15px #adb9cd,925px -875px 15px #a1aec6,1220px -1180px 15px #b7c1d3,1545px -1455px 15px #7e90b0,1795px -1805px 15px #b0f,2080px -2120px 15px #b7c1d3,2395px -2405px 15px #8e9eba,2730px -2670px 15px #b7c1d3,2995px -3005px 15px #9dabc4,3285px -3315px 15px #a1aec6,3620px -3580px 15px #8193b2,3880px -3920px 15px #aab6cb,4225px -4175px 15px #9dabc4,4510px -4490px 15px #8e9eba,4785px -4815px 15px #a7b4c9}
  .mound{margin-top:-115px;font-weight:800;font-size:180px;text-align:center;color:#dd4040;pointer-events:none}
  .mound:before{content:'';disy:block;width:600px;height:200px;position:absolute;left:50%;margin-left:-300px;top:50px;z-index:1;border-radius:100%;background-color:#e8f2f6;background-image:-webkit-linear-gradient(top,#dee8f1,#f6f9fa 60px);background-image:linear-gradient(to bottom,#dee8f1,#f6f9fa 60px)}
  .mound:after{content:'';disy:block;width:28px;height:6px;position:absolute;left:50%;margin-left:-150px;top:68px;z-index:2;background:#dd4040;border-radius:100%;-webkit-transform:rotate(-15deg);transform:rotate(-15deg);box-shadow:-56px 12px 0 1px #dd4040,-126px 6px 0 2px #dd4040,-196px 24px 0 3px #dd4040}
  .mound_text{-webkit-transform:rotate(6deg);transform:rotate(6deg)}
  .mound_spade{disy:block;width:35px;height:30px;position:absolute;right:50%;top:42%;margin-right:-250px;z-index:0;-webkit-transform:rotate(35deg);transform:rotate(35deg);background:#dd4040}
  .mound_spade:after,.mound_spade:before{content:'';disy:block;position:absolute}
  .mound_spade:before{width:40%;height:30px;bottom:98%;left:50%;margin-left:-20%;background:#dd4040}
  .mound_spade:after{width:100%;height:30px;top:-55px;left:0;box-sizing:border-box;border:10px solid #dd4040;border-radius:4px 4px 20px 20px}
  </style>
  </head>
  <body trante="no">
  <div ss="content">
  <canvas ss="snow" id="snow" width="100%" height="100%"></canvas>
  <div ss="main-text">
  <svg style="width: 3rem;height: 3rem;margin-bottom: 1rem;vertical-align: middle;fill: currentcolor;overflow: hidden;" viewbox="0 0 1000 1000" version="1.1" xmlns="www.w3/2000/svg" xmlns:xlink="<a href="www.w3/1999/xlink">" target="_blank">www.w3/1999/xlink"></a>
  <g id="page-2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  <g id="group-3">
  </path>
  </path>
  <g id="group" transform="trante(267.388813, 340.579181)" fill="#ff8992">
  </path>
  <ellipse id="oval-1-copy" cx="396.70349" cy="67.8230747" rx="67.8347682" ry="67.8230747"></ellipse>
  </g>
  <g id="group-2" transform="trante(671.314741, 0.000000)">
  </path>
  </path>
  </path>
  </g>
  </g>
  </g>
  </svg>
  <h1>404</h1>
  <h2>未找到要访问的url</h2>
  <div ss="main-text-a">
  网站首页
  小说搜索
  </div>
  投诉反馈
  </div>
  <div ss="ground">
  <div ss="mound">
  <div ss="mound_text">404</div>
  <div ss="mound_spade"></div>
  </div>
  </div>
  </div>
  <script>
  (function() {
  function ready(fn) {
  if ( != 'loading') {
  fn();
  } else {
  ('domcontentloaded', fn);
  }
  }
  function makesnow(el) {
  var ctx = el.getcontext('2d');
  var width = 0;
  var height = 0;
  var particles = [];
  var particle = function() {
  ==== 0;
  ();
  }
  = function() {
  = () * height;
  = () * width;
  = (() * 1) - 0.5;
  = (() * 0.5) + 0.5;
  }
  function createparticles(count) {
  if (count != ) {
  particles = [];
  for (var i = 0; i < count; i++) {
  (new particle());
  }
  }
  }
  function onresize() {
  width = ;
  height = ;
  el.width = width;
  el.height = height;
  createparticles((width * height) / 10000);
  }
  function updateparticles() {
  ctx.clearrect(0, 0, width, height);
  ctx.fillstyle = '#f6f9fa';
  (function(particle) {
  += ;
  += ;
  if ( > height) {
  = 0;
  }
  if ( > width) {
  ();
  = 0;
  }
  ctx.beginpath();
  ctx.arc(, , 5, 0,* 2, false);
  ctx.fill();
  });
  (updateparticles);
  }
  onresize();
  updateparticles();
  }
  ready(function() {
  var canvas = ('snow');
  makesnow(canvas);
  });
  })();
  </script>
  </body>
  </html>

上一章目录+书签下一章