/* ==UserStyle==
@name         Fluid-csdn 圆角与毛玻璃设计
@version      20231102.07.17
@namespace    userstyles.world/user/jinyuanzhou-leo
@description  圆角与毛玻璃设计，添加了少量动画，并去除了部分广告与无用按钮，需要配合以下adguard规则使用
blog.csdn.net###mainBox > aside.blog_container_aside:nth-child(3)
blog.csdn.net###csdn-toolbar > div.toolbar-inside > div.toolbar-container > div.toolbar-container-left:first-child > ul.toolbar-menus.csdn-toolbar-fl:last-child
blog.csdn.net##div:nth-child(42) > div.csdn-side-toolbar
blog.csdn.net###recommend-right
blog.csdn.net###csdn-toolbar > div.toolbar-inside > div.toolbar-container > div.toolbar-container-right:last-child > div.toolbar-btns.onlyUser > div.toolbar-btn.toolbar-btn-vip.csdn-toolbar-fl:nth-child(2)
blog.csdn.net###csdn-toolbar > div.toolbar-inside > div.toolbar-container > div.toolbar-container-right:last-child > div.toolbar-btns.onlyUser > div.toolbar-btn.toolbar-btn-write.csdn-toolbar-fl:last-child
blog.csdn.net###csdn-toolbar > div.toolbar-inside > div.toolbar-container > div.toolbar-container-right:last-child > div.toolbar-btns.onlyUser > div.toolbar-btn.toolbar-btn-dynamic.csdn-toolbar-fl:nth-child(4)
blog.csdn.net###csdn-toolbar > div.toolbar-inside > div.toolbar-container > div.toolbar-container-right:last-child > div.toolbar-btns.onlyUser > div.toolbar-btn.toolbar-btn-collect.csdn-toolbar-fl:nth-child(3)
blog.csdn.net##.first-recommend-box, .recommend-box
blog.csdn.net###blogColumnPayAdvert > div.column-group
blog.csdn.net###toolBarBox
blog.csdn.net###recommendNps
blog.csdn.net###mainBox > main:nth-child(2) > div.template-box:nth-child(15)
blog.csdn.net###mainBox > main:nth-child(2) > div.blog-footer-bottom:nth-child(16)
blog.csdn.net###pcCommentBox
blog.csdn.net###csdn-toolbar > div.toolbar-inside > div.toolbar-container > div.toolbar-container-middle:nth-child(2) > div.toolbar-search.onlySearch > div.toolbar-search-container > span.icon-fire:first-child
blog.csdn.net###mainBox > main:nth-child(2) > div.blog-content-box:nth-child(2) > div.article-header-box:first-child > div.article-header > div.article-info-box:last-child > div.operating:last-child
blog.csdn.net###blog_detail_zk_collection
so.csdn.net###csdn-toolbar > div.toolbar-inside > div.toolbar-container > div.toolbar-container-right:last-child > div.toolbar-btns.onlyUser > div.toolbar-btn.toolbar-btn-vip.csdn-toolbar-fl:nth-child(2)
so.csdn.net###csdn-toolbar > div.toolbar-inside > div.toolbar-container > div.toolbar-container-right:last-child > div.toolbar-btns.onlyUser > div.toolbar-btn.toolbar-btn-dynamic.csdn-toolbar-fl.toolbar-dynamic-box:nth-child(4)
so.csdn.net##.icon-mp-menu
so.csdn.net###csdn-toolbar > div.toolbar-inside > div.toolbar-container > div.toolbar-container-left:first-child > ul.toolbar-menus.csdn-toolbar-fl:last-child > li:nth-child(2)
so.csdn.net###csdn-toolbar > div.toolbar-inside > div.toolbar-container > div.toolbar-container-left:first-child > ul.toolbar-menus.csdn-toolbar-fl:last-child > li:nth-child(3)
so.csdn.net###csdn-toolbar > div.toolbar-inside > div.toolbar-container > div.toolbar-container-left:first-child > ul.toolbar-menus.csdn-toolbar-fl:last-child > li:nth-child(6)
so.csdn.net###csdn-toolbar > div.toolbar-inside > div.toolbar-container > div.toolbar-container-left:first-child > div.toolbar-logo.toolbar-subMenu-box.csdn-toolbar-fl:first-child
so.csdn.net##.main-rt
blog.csdn.net##.csdn-side-toolbar
blog.csdn.net##.icon-mp-menu
@author       jinyuanzhou-leo
@license      CCZero
==/UserStyle== */

@-moz-document domain("blog.csdn.net"), domain("so.csdn.net"), domain("im.csdn.net"), domain("i.csdn.net"), domain("csdn.net") {
.tag-link {
    border-radius: 7px !important;
}
@font-face{
    font-family:Helvetica,"Microsoft YaHei",sans-serif,-apple-system;
    font-display: block;
}

#csdn-toolbar .toolbar-search .toolbar-search-container button {
    border-radius: 0 7px 7px 0 !important;
    background-color: #4e64d3f2 !important;
    backdrop-filter: blur(5px);
    align-items: center !important;
}
#csdn-toolbar .toolbar-search .toolbar-search-container input {
    border-radius: 7px 0 0 7px !important;
    background: rgba(255, 255, 255, .05);
    backdrop-filter: blur(5px);
    border: solid #eeeeee 1px;
}
#csdn-toolbar .toolbar-search .toolbar-search-container input:focus{
    border:  solid #bababa 1px;
}

#csdn-toolbar {
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(10px) saturate(200%);
    height: 86px;
    display: flex;
    align-items: center;
    z-index: 9999 !important;
    width: 100vw !important;
    margin: 0;
    box-shadow:0px 0px 8px 2px rgb(0 0 0 / 12%)
}

#csdn-toolbar .toolbar-container .toolbar-container-middle {
    flex-grow: 1;
}
.toolbar-container-right{
    margin-right: 17px !important;
}

body{
    width: 100vw;
    min-width: 0 !important;
    overflow-x: hidden;
    height: auto !important;
}


.toolbar-inside{
    width: 100%;
}
main div.blog-content-box article #content_views img{
    box-shadow: none;
}

main{
    float: none !important;
    margin: 20px auto;
}
.main_father{
    padding: 0 !important;
    width: 100vw;
}
.nodata .container{
    margin-left: 0;
    width: 100vw;
}
.recommend-right{
    display: none;
}
#csdn-toolbar .toolbar-container{
    min-width:0 !important;
    padding: 0 10px;
}
#csdn-toolbar .toolbar-container .toolbar-container-middle{
    padding: 0 20px;
}
.justify-content-center{
    justify-content: normal !important;
}
.blog-content-box{
    border-radius: 10px !important;
    margin:20px 0;
    box-shadow: #00000006 0px 0px 15px 1px;
}
.article-info-box{
    border-radius: 10px !important;
}
article img{
    border-radius: 10px !important;
    box-shadow: #00000030 0px 0px 10px 1px;
    transition: .15s all ease-in-out;
}
article img:hover{
    transform: scale(1.02);
    box-shadow: #00000035 0px 0px 17px 4px; 
}
.blog-content-box blockquote{
    border-radius: 10px !important;
}
.blog-content-box a:hover{
    color:#002278;
}
#csdn-toolbar .toolbar-search .toolbar-search-drop-menu{
    border-radius: 10px !important;
}
article a{
    text-decoration: none;
    color:#145eff !important;
    position: relative;
    transition: .25s all ease-in-out;
}
article a[href]::before{
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    height: 1px;
    width: 100%;
    background:currentColor;
    transform: scale(0);
    transition: .25s transform cubic-bezier(.4,0,.2,1);
}
article a[href]:hover::before{
    transform: scale(1);
}
article a[href]::after,article a[href^="mailto:"]::after{
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-size:cover;
    margin-left: .2em;
    transition: .25s transform cubic-bezier(.4,0,.2,1);
    background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTAyNCA4NTQnIHZlcnNpb249JzEuMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluaycgd2lkdGg9JzUwJyBoZWlnaHQ9JzUwJz48cGF0aCBkPSdNNTEyIDE3MC42NjY2NjdsLTYwLjM3MzMzMyA2MC4zNzMzMzNMNjg5LjkyIDQ2OS4zMzMzMzNIMTcwLjY2NjY2N3Y4NS4zMzMzMzRoNTE5LjI1MzMzM0w0NTEuNjI2NjY3IDc5Mi45NiA1MTIgODUzLjMzMzMzM2wzNDEuMzMzMzMzLTM0MS4zMzMzMzN6JyBmaWxsPScjM2E3OGZmJz48L3BhdGg+PC9zdmc+");/*TODO:更改为dataURL中使用svg*/
}
article a[href^="mailto:"]::after{
    transform: rotate(-45deg) translateX(-2px) !important;
}
article a[href^="mailto:"]:hover::after{
    transform: rotate(-45deg) translateX(5px) !important;
}
article a[href]:hover::after{
    transform: translateX(5px);
}
#content_views .hl-1{
    background-image: none;
    padding-right: 0;
}
.imgViewDom{
    transition: .15s backdrop-filter ease-in-out;
    backdrop-filter: blur(7px) saturate(150%);
}
.imgViewDom img{
    width: 100vw !important;
    height: auto;
    aspect-ratio:auto;
}
article pre[class^="prettyprint"]{
    border-radius: 10px !important;
}
.markdown_views h1, .markdown_views h2, .markdown_views h3, .markdown_views h4, .markdown_views h5, .markdown_views h6{
    color:#202020;
}
.markdown_views p{
    color:#454545;
    font-family:Helvetica,"Microsoft YaHei",sans-serif,-apple-system;
}
::selection{
    background-color:#454545;
    color: white;
}
.tag-link{
    transition: .15s all ease-in-out;
}
.tag-link:hover{
    background-color: #f5f5f5 !important;
    transform: scale(1.1);
}
.toolbar-subMenu{
    border-radius: 10px !important;
    transition: .2s all ease-in-out;
}
#csdn-toolbar .toolbar-btns .toolbar-subMenu>a, #csdn_tool_otherPlace .toolbar-btns .toolbar-subMenu>a{
    transition: .2s all ease-in-out;
}
.markdown_views mark {
    border-radius: .3rem !important;
    padding: 5px 10px;
    color: #ffffff;
    background-color: #444444;
}





#csdn-toolbar-collection{
    border-radius: 10px !important;
}
#csdn-toolbar-write{
    border-radius: 10px !important;
}
.so-toolbar .toolbar-main .search-box input{
    border-radius: 7px 0 0 7px !important;
    border:  solid #e3e3e3 1px;
}
.so-toolbar .toolbar-main .search-box input:hover{
    border:  solid #cacaca 1px;
}
.so-toolbar .toolbar-main .search-box:hover input{
    border:  solid #cacaca 1px;
}
.so-toolbar .toolbar-main .search-box input:focus{
    border:  solid #aaa 1px;
}
.so-toolbar .toolbar-main .search-box button{
    border-radius: 0 7px 7px 0 !important;
    filter:hue-rotate(210deg);
    align-items: center !important;
}
.so-toolbar .toolbar-main .search-box button:hover{
    filter: hue-rotate(210deg) brightness(.75);
}
.so-toolbar{
    padding: 8px 17px;
}
.so-toolbar .toolbar-main{
    width: 100%;
    display: flex;
    justify-content: center;
}
.search-box{
    width: 100%;
}
.search-lenovo{
    display: none;
}
.main{
    width: 100vw !important;
    display: flex;
    justify-content: center;
}
.main-lt{
    width:80vw !important;
    min-width:0 !important;
    border-radius: 10px;
    overflow: hidden;
}
.so-search-bar{
    border-radius: 10px;
}
.list-item:last-child{
    border-radius: 0 0 10px 10px;
}
.main span{
    border-radius: 7px !im...