// ==UserScript==
// @name 知乎专栏手机阅读
// @namespace h-style-hh22
// @version 1.0.57
// @description 知乎专栏手机阅读55
// @author h
// @grant GM_addStyle
// @run-at document-start
// @match *://*.zhihu.com/*
// @downloadURL none
// ==/UserScript==

(function() {
let css = `

div.ContentItem-actions {
    background-color: #111; 
    padding: 0;
    margin-top: 10px;
}

html,
body,
div.Post-content {
    background: black;
    color: #887;
    margin: 0;
    min-width: unset;
    max-width: 100vw;
}

div.css-805ti0,
div.css-1besdh8,
div.ColumnPageHeader {
    background-color: black;
    color: #887;
}

div.css-1ygdre8 {
    color: #887;
}

.Modal-wrapper1,
div.Recommendations-Main,
div.ColumnPageHeader-Button,
div.ColumnPageHeader-profile,
div.signQr-leftContainer,
div.css-1ynzxqw {
    display: none ;
}

:root,
html {
    overflow: auto !important;
}


div.Post-RichTextContainer {
    width: 90vw;
    font-size: 20px;
    margin-left: 1em;
}

div.ColumnPageHeader-content{

}

header.Post-Header,
div.Post-NormalMain.Post-Header
div.css-78p1r9{
    margin: 0;
    max-width: calc(98vw - 1em);
}

.Button.css-1x9te0t,
button.Modal-closeButton {
    top: revert;
    left: 3em;
    bottom: -3em;
}

div.Post-NormalMain .Post-Header,
div.Post-NormalMain>div, 
div.Post-NormalSub>div {
    margin-left: 1em;
    width: 95vw;
}

div.css-1cqr2ue {
    width: 95vw;
    height: calc(100vh - 280px);
}

div.signFlowModal {
    height: 300px;
}

div.Modal-content {
    background: #000;
}

.RichText.css-4em6pe pre,
.RichText.css-4em6pe code {
  background-color: #121;
}

/* ------------- 知乎首页  */

div.Topstory-container {
  padding: 0;
}
div.Topstory-mainColumn {
  max-width: 100vw;
}

header.Sticky.AppHeader,
div.Card {
  background-color: #000;
}

div.Card.TopstoryItem.TopstoryItem-isFollow {
  border-bottom: 1px solid #333;
  padding: 8px;
}

header.Sticky.AppHeader,
h2.ContentItem-title,
span.AuthorInfo-name {
  color: #897;
}

div.AuthorInfo-badgeText {
  color: #887;
}

.TopstoryItem div.RichContent-inner {
  font-size: 16px;
}

div.TopstoryItem--advertCard {
  display: none;
}

/***************** 问题页 */

div.QuestionHeader-footer,
div.QuestionHeader {
  background-color: #000;
}

h1.QuestionHeader-title {
  color: #897;
}

div.Question-mainColumn,
div.QuestionHeader-main {
  max-width: 100vw;
}

div.Question-main {
  padding: 0;
}


.dsd{`;
if (typeof GM_addStyle !== "undefined") {
  GM_addStyle(css);
} else {
  const styleNode = document.createElement("style");
  styleNode.appendChild(document.createTextNode(css));
  (document.querySelector("head") || document.documentElement).appendChild(styleNode);
}
})();