*{
    margin: 0;
    padding:0;
    color:whitesmoke;
    font-size: 16px;
}

body {
        background: radial-gradient(200% 100% at bottom center, #f7f7b6, #e96f92, #75517d, #1b2947);
        background: radial-gradient(220% 105% at top center, #1b2947 10%, #75517d 40%, #e96f92 65%, #f7f7b6);
        background-attachment: fixed;
}

#lolijump{
        position: fixed;
        bottom: 1%;
        right: 1%;
        width: 66px;
}

 @keyframes rotate{
        0%{
            transform: perspective(400px) rotateZ(20deg) rotateX(-40deg) rotateY(0);
        }
        100%{
            transform: perspective(400px) rotateZ(20deg) rotateX(-40deg) rotateY(-360deg);
        }
}
#stars{
        transform: perspective(500px);
        transform-style: preserve-3d;
        position: fixed;
        perspective-origin: 50% 100%;
        left: 50%;
        animation: rotate 66s infinite linear;
        bottom: 0;
        z-index: -99;
}

.star{
        width:  2px;
        height: 2px;
        background: #f7f7b8;
        position: fixed;
        top: 0px;
        left: 0;
        backface-visibility: hidden;
}

.vertical-middle>* {
    vertical-align: middle;
    color: whitesmoke;
    font-size: 36px;
    display: inline-block;
    line-height: 66px;
}

#blogTitle h1 a{
     font-size: 26px;
     color: whitesomke;
}

a{
    font-size: 16px;
    line-height: 18px;
}

a:visited {
    color: #EEE;
    text-decoration: none;
}

a:link {
    color: #FFF;
    text-decoration: none;
}

#waifu {
    bottom: -1000px;
    left: 80% !important;
    line-height: 0;
    margin-bottom: -10px;
    position: fixed;
    transform: translateY(3px);
    transition: transform .3s ease-in-out, bottom 3s ease-in-out;
    z-index: 1;
}

#waifu-tool {
    left: -326px;
}

/* 文章list */
.day {
    background-color: rgba(0,0,0,0.5);
    padding: 5px;
    border-radius: 5px;
    margin-top: 5px;
}

.postDesc{
    color: whitesmoke;
}

/**
******博客容器样式
*/
#topics {
   background: rgba(0,0,0,0.5);
   padding: 10px;
   border-radius: 16px;
   width: 98%;
}

#topics p {
    color: whitesmoke;
    font-weight: bold;
    width: 98%;
}

#cnblogs_post_body h1,#cnblogs_post_body h2,#cnblogs_post_body h3,
#cnblogs_post_body h4，#cnblogs_post_body h5,#cnblogs_post_body h6{
    color: white;
}

.cnblogs-markdown code, .cnblogs-post-body code{
    color: red;
    font-weight: bold;
    background-color: #333333F5 !important;
    border: 1px solid #bababaF5 !important;
}

.cnblogs-markdown .hljs, .cnblogs-post-body .hljs{
    color: whitesmoke;
}

.cnblogs-markdown pre {
    width: 90%;
}

/*图片样式*/
#cnblogs_post_body img, .cnblogs-post-body img {
    max-width: 98% !important;
}

/* 评论框样式 */
#comment_form_container {
    background: #0005;
    padding: 10px;
}

input[type=button] {
    background-color: #409eff;
    border-color: #409eff;
}

input[type=button]:hover {
    background-color: #40BFFF;
}

.comment_btn{
    padding: 5px;
    height: auto;
    width:auto;
}

div.commentform textarea{
   color: black;
}
/**
 *容器样式结束
 */


/** 
 * 下面是边框样式 
 */

::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 10px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 10px;
}

::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  /* background: #535353; */
  background-color: skyblue;
  background-image: -webkit-linear-gradient(45deg,
      rgba(255, 255, 255, 0.2) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.2) 50%,
      rgba(255, 255, 255, 0.2) 75%,
      transparent 75%,
      transparent);
}

::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background: #ededed;
}