/*
style: page.scss
*/
html,body{
    padding: 0;
    margin: 0;
    text-align: center;
}
html,body{
    background-image: url("../image/mask_bg.png");
    background-attachment: fixed;
    background-size: contain;

}

::-webkit-scrollbar{
    width: 6px;
    height: 6px;
    background: transparent;
}

::-webkit-scrollbar-track {
    border-radius: 3px;
    background: transparent;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.08);
}
/* 滚动条滑槽 */
::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background: rgba(0,0,0,0.12);
    -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.2);
}

header>h3{
   margin: 0 auto;
   padding: 10px;
   width: 400px;
   border: 1px dashed #e9e9e9;
   margin-top: 40px;
   color: #222;
   font-weight: 700;
   font-size: 24px;
   box-shadow: 1px 1px 10px 0 rgba(255, 141, 0, 0.1),
               -1px -1px 10px 0 rgba(111, 0, 255, 0.1);
}

.main-content{
    margin: 10px auto;
    border: .5px dashed #615757;
    border-radius: 3px;
    font-size: 16px;
    text-align: left;
    width: 80%;
    max-width: 920px;
    overflow-x: hidden;
    box-shadow: 1px 1px 8px 4px rgba(0,0,0,0.07) !important;

    p{
        color: black;
    }

    pre{
        overflow: hidden;
    }
}
.main-content img{
    // max-width: 80%;
    max-width: 100%;
    max-height: 90%;
}

.main-content img.emoji {
    max-width: 35px;
    user-select: none;
}
p>code{
    color: #6200ff;
    background: #f3f3f3;
    word-wrap: break-word;
}
code{
    cursor: text;
}
.vditor-preview{
    /*box-shadow: unset !important;*/
    border-color: unset !important;
    /*border: 0.5px dashed #7f5f5f !important;*/
    border: unset !important;
    border-radius: 3px !important;
}

::-webkit-scrollbar-thumb,div#vditor *::-webkit-scrollbar-thumb {
    background: #e6e6e6;
}
::-webkit-scrollbar,div#vditor *::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}


section.comment-form, section.comment-list {
    box-shadow: 1px 1px 8px 4px rgba(0, 0, 0, 0.06) !important
}

@media only screen and (max-width: 767px){
    header{
        width: 95%;
        box-sizing: border-box;
        margin: auto;
    }
    header>h3{
        width: 100% !important;
        box-sizing: border-box;
		margin-top: 15px;
    }
    header+section.main-content,#comment-data{
        width: 95% !important;
    }

    c-player{
        font-size: 15px;
    }
}