// ==UserScript==
// @name         hao123 MacOS风格简化
// @namespace    http://tampermonkey.net/
// @version      0.1
// @icon         https://www.hao123.com/favicon.ico
// @description  hao123 MacOS风格
// @author       king
// @match        *://www.hao123.com/*
// @grant        none
// @license      MIT
// @downloadURL none
// ==/UserScript==

(function () {
  const css = `
    .siye,
    .layout-right,
    .layout-left,
    .hotsearchCon,
    .notice,
    .hotword,
    .skin-wrapper,
    .aging-tools,
    #lefttip,
    #shortcut-box,
    #hao123-govsite,
    #topbeWrapper {
      display:none;
    }

    .header{
        position: static !important;
        width:1200px;
        height:80px;
        margin-bottom: 10px !important;
        box-sizing: border-box;
        padding-top: 8px;
    }
    .layout-header {
        margin-top:10px !important;
        margin-bottom: 10px !important;
    } 
    .layout-header .page-width{
        width:1200px !important;
        padding-left: 23px;
    }
    .layout-main{
        width:1200px
    }
    .sites2-wrapper, .header, .page-width, .coolsites-wrapper{
        box-shadow: 0px 0px 10px #ccc;
        border-radius: 8px;
    }
    .sites2-wrapper .cls_bd .site-item{

    }
  `;

  const style = document.createElement("style");
  style.textContent = css;
  document.head.appendChild(style);

  var rigth = document.querySelector(".layout-right");
  var left = document.querySelector(".layout-left");
  var script = document.querySelectorAll("script");
  var hotsearchCon = document.querySelector(".hotsearchCon");
  var notice = document.querySelector(".notice");
  var hotword = document.querySelector(".hotword");
  var skinWrapper = document.querySelector(".skin-wrapper");
  var agingTools = document.querySelector(".aging-tools");
  var lefttip = document.querySelector("#lefttip");
  var topbeWrapper = document.querySelector("#topbeWrapper");
  var shortCutBox = document.querySelector("#shortcut-box");
  var gov = document.querySelector("#hao123-govsite");
  left.parentNode.removeChild(left);
  rigth.parentNode.removeChild(rigth);
  hotsearchCon.parentNode.removeChild(hotsearchCon);
  hotword.parentNode.removeChild(hotword);
  notice.parentNode.removeChild(notice);
  skinWrapper.parentNode.removeChild(skinWrapper);
  lefttip.parentNode.removeChild(lefttip);
  topbeWrapper.parentNode.removeChild(topbeWrapper);
  shortCutBox.parentNode.removeChild(shortCutBox);
  agingTools.parentNode.removeChild(agingTools);
  gov.parentNode.removeChild(gov);

  var spread = document.querySelector(".spread");
  spread.click();
  script.forEach((item) => {
    item.parentNode.removeChild(item);
  });

  // 屏幕左上角广告是动态插入
  setTimeout(() => {
    var topColumn = document.querySelector("#topColumn");
    var pageWidth = document.querySelector(".page-width");
    console.log(`output->topColumn`, topColumn);
    console.log(`output->pageWidth`, pageWidth);
    const siblings = topColumn.children;
    console.log(`output->siblings`, siblings);
    console.log(`output->siblings`, siblings.length);

    for (let i = 0; i < siblings.length; i++) {
      const item = siblings[i];
      console.log(`output->`, item !== pageWidth);
      if (item !== pageWidth) {
        topColumn.removeChild(item);
      }
    }
  }, 1000);
})();