@charset "UTF-8";article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0}
body{overflow:auto;width:100%;height:100%;background-color:#f5f7fa;color:#2e2d2d;font-size:15px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}
body{
    background-image: url("../img/home-banner.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
}
a{outline:0;color:#2e2d2d;text-decoration:none;-webkit-transition:ease-in-out .25s;-moz-transition:ease-in-out .25s;-o-transition:ease-in-out .25s;transition:ease-in-out .25s;-ms-transition:ease-in-out .25s}
#dh-nav>li>a:hover,.header-banner.navbg .dh-header a:hover,.header-banner.pagebg .dh-header a:hover,.navbg #dh-nav>li>a:hover,.pagebg #dh-nav>li>a:hover,a:hover{color:#f73464}
li{list-style:none}
a img{border:none}
hr{border:none;border-bottom:1px solid #eee}
.clearfix::after{clear:both;display:block;content:""}
*,::after,::before{box-sizing:border-box}
.clear{clear:both}
.f-left{float:left}
.f-right{float:right}
::-webkit-scrollbar-thumb{-webkit-border-radius:4px;border-radius:4px;background-color:rgba(130,130,130,.5)}
::-webkit-scrollbar-thumb:hover{background-color:#fd4c4c}
::-webkit-scrollbar{width:7px;height:5px}
::-webkit-scrollbar-thumb:active{background-color:#fd4c4c}
::-webkit-scrollbar-corner{border-radius:0 0 8px 0;background:rgba(0,0,0,0)}
::-webkit-scrollbar-button{width:2px;height:2px;background-color:rgba(0,0,0,0)}
.dh-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}
.main-sidebar{position:fixed;z-index:1081;display:table-cell;width: 150px;height:100vh;background:#fff;font-size:.875rem;-webkit-transition:width .3s;-o-transition:width .3s;transition:width .3s;border-right: 1px solid #f0f0f0;}
.main-content{display:-ms-flexbox;display:flex;margin-left: 150px;-ms-flex-direction:column;flex-direction:column;-ms-flex:1 1 auto;flex:1 1 auto}
.dhsmall .main-sidebar{width:60px}
.dhsmall .main-content{margin-left:60px}
.main-sidebar-nav{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;width:inherit;height:100%;transition:background-color .3s;pointer-events:inherit;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}
.sidebar-close{position:absolute;top:10px;right:10px;display:none;width:23px;height:25px;border-radius:5px;background:#eef0f3;text-align:center;font-size:19px;cursor:pointer}
.sidebar-logo{width:100%;height:74px;text-align:center;line-height:74px;transition:background-color .2s}
.sidebar-logo img{max-height: 32px;vertical-align:middle}
.sidebar-logo .logos{display:none}
.dhsmall .logo{display:none}
.dhsmall .logos{display:inline-block}
.sidebar-menu li{position:relative;padding: 0 5px;text-align: left;}
.sidebar-menu li a{overflow:hidden;margin:10px 0;padding-left: 16px;max-height:40px;color:#515c6b;line-height:40px;transition:all .3s;display: flex; /* 垂直居中 */gap: 10px; /* 图标和文字之间间距，自行修改数值 */}
.sidebar-menu li a.on,.sidebar-menu li a:hover{border-radius:3px;background-color:#f4f8fd;color: #29379a;}
.dh-item-icon i{margin-right:5px;font-size:20px}
.dh-item-icon svg {
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: -0.4em;
    margin-right: 5px;
}
.sidebar-top{overflow-x:hidden;overflow-y:auto;transition:all .3s;-ms-flex:1 1 auto;flex:1 1 auto;-webkit-overflow-scrolling:touch}
.sidebar-top::-webkit-scrollbar{width:8px;height:8px}
.sidebar-top::-webkit-scrollbar-track{border-radius:2em;background-color:transparent}
.sidebar-top::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:2em;background-color:rgba(0,0,0,.25);background-clip:content-box}
.sidebar-top::-webkit-scrollbar-corner{background-color:transparent}
.sidebar-bottom{margin:10px 0}
.header-banner .dh-header{position:fixed;top:0;right:0;left: 150px;z-index:1080;padding: 10px 0;background:rgba(255,255,255,0);color:#fff;-webkit-transition:left .2s,color .3s,background-color .3s;-o-transition:left .2s,color .3s,background-color .3s;transition:left .2s,color .3s,background-color .3s}
.header-banner.pagebg .dh-header{/* background:#fff; *//* -webkit-box-shadow:0 10px 50px -15px rgb(0 0 0 / 10%); *//* box-shadow:0 10px 50px -15px rgb(0 0 0 / 10%); *//* color:initial; */-ms-box-shadow:0 10px 50px -15px rgba(0,0,0,.1)}
.header-banner.navbg .dh-header{background:#fff;-webkit-box-shadow:0 10px 50px -15px rgb(0 0 0 / 10%);box-shadow:0 10px 50px -15px rgb(0 0 0 / 10%);color:initial;-ms-box-shadow:0 10px 50px -15px rgba(0,0,0,.1)}
.header-banner.navbg .dh-header a,.header-banner.pagebg .dh-header a{color:initial}
.dhsmall .header-banner .dh-header{left:60px}
.dh-navbar{position:relative;display:-ms-flexbox;display:flex;padding:0 1rem;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}
.dh-navbar-left{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;-ms-flex-preferred-size:auto;flex-basis:auto}
.navbar-left-btn,.navbar-m-btn{margin-right:10px;cursor:pointer}
.navbar-left-btn i,.navbar-m-btn i{font-size:24px;color: #4a4a4a;}
.navbar-m-btn{display:none}
.navbar-m-logo{display:none}
.dh-navbar-left ul li{position:relative;display:inline-block}
.dh-navbar-left ul>li>a{display:block;padding:10px 15px;font-size:15px;transition:color .2s}
#dh-nav>li>a{color: #4a4a4a;display: flex;align-items: center; /* 垂直居中 */ /* 图标和文字之间间距，自行修改数值 */}
#dh-nav>li>a.on,.navbg #dh-nav>li>a.on,.pagebg #dh-nav>li>a.on{color: #293697;}
.navbg #dh-nav>li>a,.pagebg #dh-nav>li>a{color:#333}
.dh-navbar-left ul li i{margin-right:5px;font-size:20px}
.dh-navbar-left ul li ul{position:absolute;visibility:hidden;overflow:hidden;max-width:140px;min-width:130px;border-radius:5px;background:#fff;box-shadow:0 5px 20px 0 rgb(0 0 0 / 15%);opacity:0;transition:.3s;-webkit-transform:translateY(15px);transform:translateY(15px)}
.dh-navbar-left ul li:hover>ul{z-index:1;visibility:visible;overflow:visible;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
.dh-navbar-left ul li ul li{display:list-item}
.dh-navbar-left ul li li>a{display:block;overflow:hidden;padding:8px 15px;text-overflow:ellipsis;white-space:nowrap;font-size:14px;word-break:break-all}
.dh-navbar-menu{display:-ms-flexbox;display:flex;margin-bottom:0;margin-left:auto;padding-left:0;list-style:none;-ms-flex-direction:row;flex-direction:row;-ms-align-items:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}
.navbar-menu-yiyan{display:block;overflow:hidden;max-width:300px;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color: #4a4a4a;}
.navbar-menu-user{position:relative;margin-left:20px}
.navbar-menu-user .navbar-btn-newadd{padding:8px 10px;border-radius:5px;background:rgb(204 204 204 / 50%);color:#fff;font-size:.8em}
.navbar-menu-user .navbar-menu-ava{display:inline-block;height:100%}
.navbar-menu-user:hover ul{display:block}
.navbar-menu-user .navbar-menu-ava img{width:30px;height:30px;border-radius:50%;vertical-align:middle}
.navbar-menu-user ul{position:absolute;top:30px;right:0;display:none;overflow:hidden;width:100px;border-radius:5px;background:#fff;box-shadow:0 2px 10px 0 rgb(0 0 0 / 15%);text-align:center}
.navbar-menu-user ul li{display:block;padding:10px 0;text-decoration:none;font-size:13px;line-height:19px}
.dh-banner{padding: 100px 0 30px;/* background-color:#2d3757; *//* background-image:url(../static/bannerbj.jpg); */background-position:center center;background-size:cover;background-repeat:no-repeat;margin-bottom: 20px;}
.dh-search-form{position:relative;margin:0 auto;max-width:700px;text-align:center}
.search-typelist{margin-bottom:20px}
.search-type-list{width:100%}
.search-typelist li{position:relative;display:inline-block;margin: 0 20px;color: #4a4a4a;cursor:pointer;font-size: 18px;font-weight: 600;}
.search-typelist li.search-on{color: #283593;font-weight: 600;font-size: 18px;}
.search-typelist li.search-on::after{border-radius:2px;content:"";position: absolute;left: 50%;top: 13px;bottom: 0;width: 60%;height: 13px;transform: skewX(-15deg);background: linear-gradient(to right, transparent 0%, #3548d352 100%);}
.search-form{position:relative}
.search-form .search-input{z-index:inherit;display:block;padding:9px 20px;width:100%;height:50px;outline:0;border:none;border-radius: 10px;background-color: rgb(255 255 255 / 90%);font-weight:400;font-size:15px;line-height:1.5;transition:.3s;border: 2px #283593 solid;}
.search-form .search-btn{position:absolute;top: 0px;right: 0px;width:unset;height:unset;border:0!important;font-size:18px;cursor:pointer;-webkit-appearance:button;margin: 5px;line-height: 39px;border-radius: 10px;padding: 0 12px;background: #283593;color: #fff;}
.search-type-list .search-type-group{display:none}
.search-type-list .search-type-group.group-active{display:block}
.search-type-list .search-type{overflow-x:auto;padding:20px 0;white-space:nowrap}
.search-type-list .search-type::-webkit-scrollbar{width:5px;height:5px}
.search-type-list .search-type::-webkit-scrollbar-button{width:2px;height:2px;background-color:rgba(0,0,0,0)}
.search-type-list .search-type::-webkit-scrollbar-corner{border-radius:0 0 8px 0;background:rgba(0,0,0,0)}
.search-type-list .search-type::-webkit-scrollbar-thumb{-webkit-border-radius:4px;border-radius:4px;background-color:rgba(130,130,130,.5)}
.search-type-list .search-type-group li{display:inline-block}
.search-type-list .search-type-group li a{position:relative;margin:0 15px;color: #4a4a4a;}
.search-type-list .search-type-group li a.active{color: #283593;font-weight: 700;}
.search-type-list .search-type-group li a.active:before{position:absolute;top:-21px;left:50%;margin-left:-8px;border-color: rgb(40 53 147) transparent transparent;border-style:solid;border-width:8px 8px 0 8px;content:''}
.dh-content{margin:0 auto;padding: 30px 30px 15px;width:100%;max-width:1200px;background: #fff;border-radius: 12px;margin-top: 20px;}
.newpding{/* padding:93px 20px 0; */margin-top: 120px;}
.flex{display:-webkit-box;display:-ms-flexbox;display:flex}
.content-item-urls .cate-load,.content-item-urls .cate-nomore{text-align:center;flex:auto;background:#e9e9e9;margin:0 15px;border-radius:5px;padding:15px 0;font-size:26px;color:#999}
.content-item-urls .cate-nomore{font-size:16px}
.content-item-urls .cate-nomore>i{display:inline-block;font-size:22px;vertical-align:bottom;margin-right:5px}
.content-item-urls .cate-load>i{display:block;color:#f73464;-webkit-transform:rotate(360deg);animation:rotation 3s linear infinite;-moz-animation:rotation 3s linear infinite;-webkit-animation:rotation 3s linear infinite;-o-animation:rotation 3s linear infinite}
.content-item-urls .content-art-card{display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;padding-right:15px;padding-left:15px;width:20%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}
.content-item-urls .content-art-card .content-art-body{margin-bottom:15px;padding:15px;width:100%;border-radius:5px;background:#fff;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}
.content-item-urls .content-art-card .content-art-body:hover{-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);transform:translateY(-3px)}
.content-art-img{overflow:hidden;width:100%;height:130px}
.content-art-img img{width:100%;height:100%;border-radius:5px}
.content-art-title{display:-webkit-box;overflow:hidden;height:60px;text-overflow:ellipsis;line-height:30px;-o-text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.content-page{text-align:center;margin-top: 20px;}
.content-page a,.content-page span.now-page{display:inline-block;margin:0 5px 5px;width:35px;height:35px;outline:0;border:1px solid #eee;border-radius:4px;background:rgb(230 230 230);color:#555;font-size:14px;line-height:35px}
.content-page a:hover{border:1px solid #f73464;background:#f73464;color:#fff}
.content-page span.now-page{border:1px solid #f73464;background-color:#f73464;color:#fff}
.dh-content-left{margin-right:20px;width:0;flex:1}
.dh-content-right{width:300px}
.dh-content-right .dhbox{position:relative;margin-bottom:1rem;padding:1.25rem 1.25rem;border-radius:5px;background-color:#fff;-webkit-box-shadow:0 2px 15px -5px rgb(10 10 10 / 3%);box-shadow:0 2px 15px -5px rgb(10 10 10 / 3%)}
.dh-content-right .divdhlogBox{display:none}
#catelogul{position:relative;margin:20px 0;padding:15px 0;border-left:1px solid #ccc}
#catelogul::before{top:0;bottom:auto}
#catelogul li::before,#catelogul::after,#catelogul::before{position:absolute;bottom:0;left:-6px;width:11px;height:11px;border:2px solid #268df7;border-radius:15px;background:#fff;content:'';transition:.15s}
#catelogul li::before{top:50%;left:-4px;width:7px;height:7px;border:3px solid #268df7;border-width:2px;background:#fff;opacity:1;transform:translateY(-50%)}
#catelogul li{position:relative;display:block;transition:transform .2s,opacity 0s;transform:scale(1);transform-origin:bottom}
#catelogul li a{display:block;overflow:hidden;margin:0 10px;margin-right:25px;padding:8px;border-radius:4px;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}
#catelogul li.active a,#catelogul li:hover a{background:rgb(114 114 114 / 8%);color:#268df7}
#catelogul li.er a{padding-left:25px}
#catelogul li.active{height:auto;opacity:1;transform:scale(1)}
.dh-content-right .dhbox:last-child{margin-bottom:0}
.dh-content-right .dhbox h3{position:relative;margin:0 0 1rem;font-weight:500;line-height:1.4}
.dh-content-right .dhbox h3.is-hidden{display:none}
.dh-content-right .dhbox h3:before{position:absolute;bottom:0;left:2px;width:33px;height:3px;border-radius:7px;background-image:linear-gradient(to right,#f1404b ,#f7346447);content:''}
.widget-calendar table{padding:15px;width:100%;text-align:center}
.widget-calendar table caption{font-size:16px;line-height:40px}
.widget-calendar table tbody tr td a{color:#007aff}
.dhbox.divSearchPanel form{position:relative;padding:5px 15px 15px;width:100%}
.dhbox.divSearchPanel input[type=text]{box-sizing:border-box;padding:10px;width:100%;outline:0;border:1px #efefef solid;border-radius:5px;background-color:#fff;font-size:12px}
.dhbox.divSearchPanel input[type=submit]{position:absolute;top:50%;right:20px;margin-top:-15px;padding-right:5px;padding-left:10px;height:20px;border:0;border-left:1px solid rgba(126,127,127,.58);background-color:transparent;font-size:14px;line-height:20px;cursor:pointer}
.dhbox.divContorPanel{position:relative}
.widget-controlpanel{padding:0 15px 15px;text-align:center}
.widget-controlpanel span.cp-hello{display:inline-block;padding:10px 0;width:100%;text-align:center}
.widget-controlpanel span.cp-login,.widget-controlpanel span.cp-vrs{text-align:center;line-height:30px}
.widget-controlpanel span.cp-login a,.widget-controlpanel span.cp-vrs a{display:inline-block;padding:0 20px;border:1px solid #ddd;border-radius:20px;font-size:14px}
.divArchives ul,.divAuthors ul,.divCatalog ul,.divFavorites ul,.divLinkage ul,.divNavBar ul,.divStatistics ul{font-size:0}
.divArchives li,.divAuthors li,.divCatalog li,.divFavorites li,.divLinkage li,.divNavBar li,.divStatistics li{display:inline-block;overflow:hidden;padding:15px;width:50%;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.divNavBar li ul{display:none}
.divComments ul,.divTags ul{font-size:0}
.divTags li{display:inline-block;margin:5px 0;width:33.33%;border-bottom:0 dashed #eee;font-size:14px}
.divTags li .tag{display:block;overflow:hidden;margin:0 5px;padding:6px;border-radius:3px;background:#fafafa;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}
.divMisc li{display:inline-block;width:50%;text-align:center}
.divPrevious li,.divdhurlart li{display:flex;margin-bottom:19px;width:100%;font-size:15px;flex-direction:row;justify-content:space-between;align-items:center}
.divPrevious li a,.divdhurlart li a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.5}
.divPrevious li span,.divdhurlart li span{width:85px;color:#828c9b;text-align:right;font-size:12px;line-height:1.5;flex:0 0 85px}
.divdhhotart li{margin-bottom:20px;font-size:15px}
.divPrevious li:last-child,.divdhhotart li:last-child,.divdhurlart li:last-child{margin-bottom:0}
.divdhhotart li .hotart-one{position:relative;overflow:hidden;width:100%;height:150px;border-radius:5px}
.divdhhotart li .hotart-one a{position:relative;display:block;height:150px}
.divdhhotart li .hotart-one img{width:100%;height:150px}
.divdhhotart li .hotart-one-top{position:absolute;top:0;left:0;padding:4px 6px;border-radius:0 0 4px;background:#ee0918;background:linear-gradient(to right,#ff7955,#ee0918);color:#fff;font-size:12px}
.divdhhotart li .hotart-one-title{position:absolute;bottom:0;left:0;display:block;overflow:hidden;padding:0 10px;width:100%;background-color:rgba(0,0,0,.3);color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:30px;word-break:break-all}
.divdhhotart li .hotart-other{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875em;line-height:21px}
.divdhhotart li .hotart-other i{margin-right:8px;padding:3px 8px;border-radius:3px;background-color:#eee;color:#888;font-style:normal;font-size:.75em}
.divdhhotart li:nth-child(2) i{background-color:#d90000;color:#fff}
.divdhhotart li:nth-child(3) i{background-color:#fd6440;color:#fff}
.divdhhotart li:nth-child(4) i{background-color:#46b450;color:#fff}
.divdhads a{display:block;font-size:0}
.divComments li{position:relative;display:flex;margin-bottom:15px;padding:0 5px;width:100%;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap}
.divComments li .divCommentImg{display:block;overflow:hidden;margin-right:12px;width:30px;height:30px;border-radius:50%}
.content-ads{margin-bottom:15px;padding:20px;border-radius:5px;background:#fff}
.artcile-ads img,.content-ads img,.divCommentImg img,.divdhads img{width:100%}
.divComment-title h5{height:20px;font-weight:400;font-size:13px;line-height:20px}
.divComment-title p{color:#828c9b;font-size:12px}
.divComment-content{position:relative;display:block;margin-top:5px;margin-bottom:0;padding:5px 10px;width:100%;border-radius:6px;background:#f9f9f9;color:#828c9b;font-size:12px;line-height:24px}
.divComment-content::before{position:absolute;bottom:100%;left:8px;display:block;width:0;height:0;border-right:6px solid transparent;border-bottom:6px solid #f9f9f9;border-left:6px solid transparent;content:''}
.content-item-links{padding: 0px 20px 00px 20px;border-radius:5px;background:#fff}
.content-item-links li{display:inline-block}
.content-item-links li a{margin-right:20px;font-size:14px}
.dh-entry{padding:20px;border-radius:5px;background:#fff}
.dh-mb{margin-bottom:15px;color:#999;font-size:14px;line-height:22px}
.dh-mb a{color:#999}
.artcile-meta,.artcile-title{margin-bottom:15px}
.artcile-meta-info{display:flex;flex-direction:row;justify-content:flex-start}
.artcile-meta-info span{margin-right:20px;color:#666;line-height:1.2}
.artcile-meta-info span .category{padding:5px;height:30px;border-radius:4px;background:#f73464;color:#fff;white-space:nowrap}
.artcile-meta-info span i{margin-right:5px}
.artcile-title h1{font-weight:500;font-size:24px;line-height:1.5}
.artcile-tips{position:relative;margin:15px 0;padding:20px;background:rgba(22,181,151,.1);line-height:1.8;opacity:.8}
.artcile-tj .submit-form-item{margin:20px 0}
.artcile-tj .submit-form-item label{display:inline-block;min-width:100px;color:#606266}
.artcile-tj .submit-form-item span{display:inline-block;vertical-align:middle}
.artcile-tj .submit-form-item .post-btn{width:150px;height:42px;border:1px solid #409eff;border-radius:3px;background:#409eff;color:#fff;text-align:center;font-size:16px;line-height:42px;cursor:pointer}
.artcile-tj .submit-form-item input,.artcile-tj .submit-form-item select{padding-left:5px;width:60%;height:36px;border:1px solid #dadada;border-radius:3px;line-height:36px}
.artcile-tj .submit-form-item textarea{padding-left:5px;width:60%;border:1px solid #dadada;border-radius:3px;vertical-align:top;line-height:36px}
.artcile-content h1{font-size:22px}
.artcile-content h2{display:table;width:auto;background:linear-gradient(to bottom,transparent 60%,#409eff96 0) no-repeat;font-size:20px}
.artcile-content h3{font-size:18px}
.artcile-content h4{font-size:16px}
.artcile-content h5,.artcile-content h6,.artcile-content h7{font-size:15px}
.artcile-content p{margin:20px 0;white-space:normal;word-wrap:break-word;font-size:16px;line-height:2;word-break:break-all}
.artcile-content p a,body.night .artcile-content p a{color:#f73464}
.artcile-content img{max-width:100%}
.artcile-content blockquote{display:block;margin:10px 0;padding:5px 10px;border-left:8px solid #409eff96;border-radius:5px 0 0 5px;background-color:#f1f1f1;font-size:100%;line-height:1.4}
.dh-comment,.dh-more,.dh-ping{margin-top:20px;padding:20px;border-radius:5px;background:#fff}
.dh-comment h3,.dh-more h3,.dh-ping h3{position:relative;margin-bottom:20px;font-weight:500;font-size:16px;line-height:1.6}
.dh-comment h3:before,.dh-more h3:before,.dh-ping h3:before{position:absolute;bottom:0;left:0;width:33px;height:3px;border-radius:7px;background-image:linear-gradient(to right,#f1404b ,#f7346447);content:''}
.dh-moreart{margin-right:-5px;margin-left:-5px;font-size:0}
.dh-moreurl{font-size:0}
.dh-moreart .dh-moreart-item,.dh-moreurl .dh-moreurl-item{display:inline-block;width:25%;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;-ms-transition:all .3s ease}
.dh-moreurl .dh-moreurl-card{margin-right:15px;margin-bottom:15px;padding:15px;border:1px solid #f6f6f6;border-radius:5px;transition:all .3s}
.dh-moreurl .dh-moreurl-card:hover{-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);transform:translateY(-3px)}
.dh-moreurl .dh-moreurl-item:nth-child(4n) .dh-moreurl-card{margin-right:0}
.dh-moreart .dh-moreart-item a{display:block;padding:0 5px}
.dh-moreurl .dh-moreurl-item a{display:flex;margin-bottom:10px;align-items:center}
.dh-moreurl .dh-moreurl-item p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;word-break:break-all}
.dh-moreurl-info{display:flex;padding-top:5px;height:20px;border-top:1px solid #f6f6f6;color:#909399;font-size:14px;line-height:20px;align-content:center;justify-content:space-between}
.dh-moreurl-info span:first-child i{margin-right:5px;vertical-align:-2px}
.dh-moreurl-img{margin-right:10px;width:35px;height:35px;border-radius:5px}
.dh-moreurl-img img{height:100%}
.dh-moreart .dh-moreart-item .new-img{position:relative;overflow:hidden;border-radius:5px}
.new-img img{display:block;width:100%;height:120px}
.new-body-title{position:absolute;bottom:0;overflow:hidden;padding:2px 5px;width:100%;background:#82848873;color:#fff;text-overflow:ellipsis;white-space:nowrap;font-weight:400;font-size:14px;line-height:24px}
.dh-comment-post{margin-bottom:0}
.dh-comm{padding:16px 0;font-size:13px;line-height:22px}
.dh-comm .msgname{position:relative}
.commentname:hover .revertcomment{display:inline-block}
.dh-ping>ul>.msgarticle{margin-left:60px;padding:10px 0 0;list-style-position:outside}
.dh-ping>ul>.msgarticle>ul .commentinfo{padding-left:60px}
.dh-comm .msgarticle ul{margin:20px 0 0;padding:20px 0 0;border-top:1px solid #f1f1f1;border-bottom:none}
.dh-comm .msgname img{position:absolute;width:50px;border-radius:50%}
.dh-comm .msgname .section{margin-left:60px}
.dh-comm .commentname{margin-bottom:5px}
.commentname:hover .revertcomment{display:inline-block}
.commentname .comtime{margin-left:15px;color:#999}
.commentname .revertcomment{position:relative;top:0;float:right;display:none;padding:0 10px;border:1px solid #ddd;border-radius:2px;background:#ededed;font-size:12px}
.dh-comment-info ul{display:block;font-size:0}
.dh-comment-info li{display:inline-block;box-sizing:border-box;margin-right:0;margin-bottom:10px;padding-right:10px;width:33.333%;text-align:left}
.dh-comment-info li:last-child{padding-right:0}
.dh-comment-info li input{position:relative;box-sizing:border-box;padding:5px 10px;width:100%;height:45px;outline:0;border:1px solid rgba(227,229,236,.4);border-radius:4px;background:#f9fafc;box-shadow:none}
.dh-comment-info li input:focus,.dh-submit-ma input:focus,.dh-txa textarea:focus{border:1px solid #268df7}
.dh-txa{margin-bottom:10px}
.dh-txa textarea{position:relative;box-sizing:border-box;margin:0;padding:8px;width:100%;outline:0;border:1px solid rgba(227,229,236,.4);border-radius:.4rem;background:#f9fafc;color:rgba(0,0,0,.8);font-size:14px;line-height:1.6}
.dh-submit-ma{position:relative;display:inline-block}
.dh-submit-ma input{padding-left:10px;width:100%;height:40px;outline:0;border:1px solid rgba(227,229,236,.4);border-radius:.2rem;background-color:#f9fafc;line-height:40px}
.dh-submit-img{position:absolute;top:5px;right:4px;padding:0;height:30px;border-left:1px solid #eee;border-radius:.2rem;vertical-align:middle;text-align:center;font-weight:400;line-height:30px}
.dh-submit-img img{height:100%;border-radius:.3rem}
.dh-submit .dh-submit-btn{float:right;width:80px;height:36px;border:none;border-radius:3px;background:linear-gradient(135deg,#59c3fb 10%,#268df7 100%);box-shadow:none;color:#fff;text-align:center;font-weight:700;font-size:14px;cursor:pointer;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;-webkit-appearance:none}
.dh-submit .dh-submit-btn:hover{opacity:.8}
.dh-ping-not{padding:30px 0;color:#bbb;text-align:center}
.dh-not-center{margin-bottom:30px}
.dh-not-center i{color:#b3d4fc;font-size:30px}
.dh-urls{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;align-items:center}
.urls-left{margin-right:20px;max-width:175px;-ms-flex:0 0 25%;flex:0 0 25%}
.urls-img{position:relative;overflow:hidden;width:175px;height:170px;border-radius:5px;background:#f1f5f8}
.urls-img .urls-img-blur{width:inherit;height:inherit;opacity:.2;-webkit-filter:blur(10px);-moz-filter:blur(10px);-ms-filter:blur(10px);filter:blur(10px)}
.urls-img img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:50px;height:50px;border:2px solid rgba(255,255,255,.9);border-radius:50%;background:#fff;animation:rotate 3s linear infinite}
.urls-tools-btn.renling{background:#f1404b;color:#fff}
.urls-body{max-width:100%;-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1}
.urls-body .urls-cate{padding:.375rem 1rem;border-radius:3rem;background:#f1f4ff;color:#2f66ff;font-size:12px;transition:.3s}
.urls-body .urls-info{color:#828488;font-size:14px}
.urls-body .urls-times{display:inline-block;margin-left:10px;padding:0 5px;border-radius:5px;background-color:#f7f7f7;color:#a3a3a3;font-size:12px;line-height:26px;cursor:pointer}
.urls-body .urls-title{display:-webkit-box;overflow:hidden;margin:15px 0 10px;text-overflow:ellipsis;font-size:22px;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}
.urls-body .urls-tools{margin-top:15px}
.urls-body .urls-tools .urls-tools-item{display:inline-block}
.urls-tools-btn{display:inline-block;margin-right:15px;padding:10px 15px;border-color:#eff1f5;border-radius:5px;background-color:#eff1f5;color:#828488;line-height:1.2}
.urls-tools-btn.zhanzhang{background:#f5883c;color:#fff}
.urls-body .urls-tools .urls-tools-item .btn-arrow{background:linear-gradient(40deg,#007bf5,#60b0ff);color:#fff}
.urls-body .urls-tools .urls-tools-item .urls-tools-btn i{margin-left:5px;vertical-align:-2px}
.urls-body .urls-tools .urls-tools-qr{position:relative}
.urls-tools-qr #code{position:absolute;top:35px;left:0;display:none;padding:5px;width:110px;height:110px;border-radius:5px;background:#212529}
.urls-tools-qr #code canvas{width:100%}
.urls-body .urls-tools .urls-tools-qr:hover #code{display:block}
.dh-entry-title{margin-bottom:15px;line-height:2}
.dh-entry-title i{margin-right:5px;font-size:20px}
.dh-entry-xinxi p{margin:15px 0}
.dh-entry-tips{padding-top:5px;border-top:1px solid #f6f6f6;color:#6c757d;word-wrap:break-word;font-size:14px;line-height:2}
.artcile-tags,.dh-entry-tags{padding-top:15px;border-top:1px solid #f6f6f6}
.artcile-tags a,.dh-entry-tags a{display:inline-block;margin-right:5px;padding:0 10px;border-radius:5px;background:#f6f6f6;color:#888;line-height:30px;transition:all .3s}
.dh-entry-table{overflow:hidden;width:100%;border-collapse:collapse;background-color:#fff;color:#666;table-layout:fixed;text-align:center;text-overflow:ellipsis;white-space:nowrap;border-spacing:0}
.dh-entry-table td,.dh-entry-table th{position:relative;padding:9px 15px;min-height:20px;border-color:#e6e6e6;border-style:solid;border-width:1px;font-size:14px;line-height:20px}
.dh-entry-chaxun{margin-top:15px;color:#888}
.dh-entry-chaxun a{display:inline-block;margin:0 5px 5px 0;padding:2px 10px;border-color:#4cae4c;border-radius:3px;background-color:#4dc86f;color:#fff;font-size:12px}
.dh-entry-img{text-align:center}
.dh-entry-img img{width:100%;max-width:400px}
.footer-inner{padding:20px 0;text-align:center;font-size:14px}
.footer-text{padding:0 10px}
.footer-text p{margin:5px 0;color:#828488}
.main-footer .footer-tools{position:fixed;right:20px;bottom:60px;z-index:1030;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);text-align:center;transition:.3s}
.main-footer .footer-tools .footer-tools-item{position:relative;display:block}
.main-footer .footer-tools .footer-tools-top{display:none}
.main-footer .footer-tools .footer-tools-item a{display:block;margin-top:10px;width:40px;height:40px;border-radius:5px;background:rgb(200 200 200 / 40%);color:#999;text-align:center;font-size:22px;line-height: 35px;cursor:pointer;transition:.2s}
.tools-wecha:hover .tools-wecha-img{visibility:visible;opacity:1}
.tools-wecha img{width:100%;border-radius:5px}
.tools-wecha-img{position:absolute;top:-40px;right:35px;left:auto;visibility:hidden;margin-right:15px;padding:0;width:120px;border-radius:5px;opacity:0}
.main-footer .footer-tools .footer-tools-item a:hover{background:#ff3c52;color:#fff}
.modal-fade-enter-active{animation:dialog-fade-in .3s}
.modal-fade-leave-active{animation:dialog-fade-out .3s}
@keyframes dialog-fade-in{0%{opacity:0;transform:translate3d(0,-20px,0)}
100%{opacity:1;transform:translate3d(0,0,0)}
}
@keyframes dialog-fade-out{0%{opacity:1;transform:translate3d(0,0,0)}
100%{opacity:0;transform:translate3d(0,-20px,0)}
}
.m-modal__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;overflow:auto;margin:0;padding:24px;background:rgba(31,41,75,.28);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.m-modal__container{position:relative;margin:8vh auto 30px;width:min(560px,100%);max-width:560px;min-width:0;border:1px solid rgba(255,255,255,.7);border-radius:14px;background:#fff;box-shadow:0 18px 50px rgba(40,53,147,.18);animation:dialog-fade-in .2s ease-out}
.m-modal__header{display:flex;align-items:center;justify-content:space-between;padding:22px 26px 16px;border-bottom:1px solid #edf0f5}
.m-modal__title{color:#283593;font-size:19px;font-weight:600;line-height:24px}
.m-modal__title i{margin-right:8px;color:#f73464;font-size:20px}
button{display:inline-block;box-sizing:border-box;margin:0;text-align:center;text-indent:0;text-transform:none;text-shadow:none;word-spacing:normal;letter-spacing:normal;cursor:default;-webkit-appearance:button;-webkit-writing-mode:horizontal-tb!important;text-rendering:auto;align-items:flex-start}
.m-modal__headerbtn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;outline:0;border:1px solid #e7eaf1;border-radius:50%;background:#fff;font-size:16px;cursor:pointer}
.m-modal__close{color:#7b8494}
.m-modal__headerbtn:hover{border-color:#283593;background:#283593}
.m-modal__headerbtn:hover .m-modal__close{color:#fff}
.m-modal__body{padding:22px 26px 10px;color:#606266;font-size:14px;word-break:break-word}
.alert-info{position:relative;margin-bottom:15px;padding:.75rem 1.25rem;border:1px solid transparent;border-color:#bee5eb;border-radius:.25rem;background-color:#d1ecf1;color:#0c5460}
.alert-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.alert-row-item{position:relative;width:100%;max-width:50%;-ms-flex:0 0 50%;flex:0 0 50%}
.alert-row-item label{display:inline-block;margin-bottom:.5rem}
.m-modal__body p{margin:10px 0}
.m-modal__body .alert-down{color:#f1404b}
.alert-input{margin-top:15px}
.alert-input input{display:block;padding:.375rem .75rem;width:100%;height:calc(1.5em + .75rem + 2px);border:1px solid #f1f3f6;border-radius:.25rem;background-color:#f1f3f6;background-clip:padding-box;color:#6d6e74;font-weight:400;font-size:.875rem;line-height:1.5}
.m-modal__footer{box-sizing:border-box;padding:16px 0 20px;text-align:right}
.m-modal__footer button:first-child{margin-right:10px}
.m-modal-button{display:inline-block;box-sizing:border-box;margin:0;padding:12px 20px;outline:0;border:1px solid #dcdfe6;border-radius:4px;background:#fff;color:#606266;text-align:center;white-space:nowrap;font-weight:500;font-size:14px;line-height:1;cursor:pointer;transition:.1s;-webkit-appearance:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}
.m-modal-button+.m-modal-button{margin-left:10px}
.m-modal-button:focus,.m-modal-button:hover{border-color:#c6e2ff;background-color:#ecf5ff;color:#409eff}
.m-modal--primary{border-color:#4285ff;background-color:#4285ff;color:#fff}
.m-modal--primary:focus,.m-modal--primary:hover{border-color:#4d8bfb;background:#4d8bfb;color:#fff}
.ad-purchase-slot{margin:0 0 20px!important;padding:11px 14px;border:1px solid #dbe2ff;border-radius:8px;background:#f5f7ff;color:#283593;font-size:13px;font-weight:600}
.ad-hours-tip{display:block;margin-top:6px;color:#8b95a5;font-size:12px;line-height:18px}
.ad-purchase-total{margin:2px 0 18px!important;color:#283593;font-size:15px;font-weight:600}
.ad-purchase-form .submit-form-item{margin:0 0 15px}
.ad-purchase-form .submit-form-item label{display:block;min-width:0;margin:0 0 6px;color:#4a5568;font-size:13px}
.ad-purchase-form .submit-form-item input:not([type=checkbox]){padding:0 12px;width:100%;height:42px;border:1px solid #dfe4ec;border-radius:7px;background:#fff;color:#2e2d2d;line-height:42px;transition:border-color .2s,box-shadow .2s}
.ad-purchase-form .submit-form-item input:not([type=checkbox]):focus{outline:0;border-color:#283593;box-shadow:0 0 0 3px rgba(40,53,147,.1)}
.ad-purchase-form .ad-terms label{display:flex;align-items:center;justify-content:flex-start;margin:0;color:#657387;font-size:13px;line-height:20px}
.ad-purchase-form .ad-terms input[type=checkbox]{display:block;flex:0 0 18px;margin:0 8px 0 0;padding:0;width:18px;height:18px;accent-color:#283593}
.ad-purchase-form .m-modal__footer .m-modal-button{min-width:88px;height:40px;padding:0 18px;border-radius:7px;font-size:14px;line-height:38px}
body.night .m-modal__container{border-color:#424857;background:#292a2d;box-shadow:0 18px 50px rgba(0,0,0,.35)}
body.night .m-modal__header{border-color:#424857}
body.night .m-modal__title{color:#b9c2ff}
body.night .m-modal__headerbtn,body.night .ad-purchase-form .submit-form-item input:not([type=checkbox]){border-color:#4a4f5c;background:#323335;color:#e5eef7}
body.night .ad-purchase-form .submit-form-item label{color:#c4cad5}
body.night .ad-purchase-slot{border-color:#424b82;background:#30355c;color:#cbd2ff}
@media (max-width:600px){
    .m-modal__wrapper{padding:12px}
    .m-modal__container{width:100%;margin:5vh auto 20px;border-radius:12px}
    .m-modal__header{padding:18px 18px 14px}
    .m-modal__body{padding:18px 18px 6px}
    .ad-purchase-form .m-modal__footer{display:flex;gap:8px;padding-bottom:14px}
    .ad-purchase-form .m-modal__footer .m-modal-button{min-width:0;flex:1}
    .ad-purchase-form .m-modal__footer button:first-child{margin-right:0}
    .ad-purchase-form .m-modal__footer .m-modal-button+.m-modal-button{margin-left:0}
}
.c-message{position:fixed;top:30px;left:50%;z-index:9999;height:40px;min-width:200px;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);color:#666;line-height:40px}
.c-message--main{padding-right:20px;padding-left:50px}
.c-message--icon{position:absolute;top:0;left:0;width:40px;height:40px;color:#fff;text-align:center;line-height:40px}
.c-message--success{background:#13ce66 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDQwIDQwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzOS4xICgzMTcyMCkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+aWNvbl9zdWNjZXNzPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IkVsZW1lbnQtZ3VpZGVsaW5lLXYwLjIuNCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ik1lc3NhZ2UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MC4wMDAwMDAsIC0yMTIuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLluKblgL7lkJFf5L+h5oGvIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2MC4wMDAwMDAsIDIxMi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJSZWN0YW5nbGUtMiI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Imljb25fc3VjY2VzcyI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMiIgZmlsbD0iIzEzQ0U2NiIgeD0iMCIgeT0iMCIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIj48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yNy44MjU1ODE0LDE3LjE0ODQzNTcgTDE5LjAxNzQ0LDI1LjgyODEyMTMgQzE4LjkwMTE2MDksMjUuOTQyNzA4MyAxOC43NjU1MDMzLDI2IDE4LjYxMDQ2NywyNiBDMTguNDU1NDI3LDI2IDE4LjMxOTc2OTMsMjUuOTQyNzA4MyAxOC4yMDM0ODY1LDI1LjgyODEyMTMgTDE4LjAyOTA3MTYsMjUuNjU2MjUgTDEzLjE3NDQxODYsMjAuODQzNzUgQzEzLjA1ODEzOTUsMjAuNzI5MTYzIDEzLDIwLjU5NTQ4MzcgMTMsMjAuNDQyNzA0NyBDMTMsMjAuMjg5OTI5MyAxMy4wNTgxMzk1LDIwLjE1NjI1IDEzLjE3NDQxODYsMjAuMDQxNjY2NyBMMTQuMzY2Mjc3MiwxOC44NjcxODU3IEMxNC40ODI1NiwxOC43NTI2MDIzIDE0LjYxODIxNzcsMTguNjk1MzEwNyAxNC43NzMyNTc3LDE4LjY5NTMxMDcgQzE0LjkyODI5NCwxOC42OTUzMTA3IDE1LjA2Mzk1MTYsMTguNzUyNjAyMyAxNS4xODAyMzA3LDE4Ljg2NzE4NTcgTDE4LjYxMDQ2NywyMi4yNzYwMzggTDI1LjgxOTc2OTMsMTUuMTcxODcxMyBDMjUuOTM2MDQ4NCwxNS4wNTcyODggMjYuMDcxNzA2LDE1IDI2LjIyNjc0MjMsMTUgQzI2LjM4MTc4MjMsMTUgMjYuNTE3NDQsMTUuMDU3Mjg4IDI2LjYzMzcyMjgsMTUuMTcxODcxMyBMMjcuODI1NTgxNCwxNi4zNDYzNTIzIEMyNy45NDE4NjA1LDE2LjQ2MDkzNTcgMjgsMTYuNTk0NjE1IDI4LDE2Ljc0NzM5NCBDMjgsMTYuOTAwMTczIDI3Ljk0MTg2MDUsMTcuMDMzODUyMyAyNy44MjU1ODE0LDE3LjE0ODQzNTcgTDI3LjgyNTU4MTQsMTcuMTQ4NDM1NyBaIiBpZD0iUGF0aCIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat 0 50%}
.c-message--error{background:#ff4949 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDQwIDQwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzOS4xICgzMTcyMCkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+aWNvbl9kYW5nZXI8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iRWxlbWVudC1ndWlkZWxpbmUtdjAuMi40IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iTWVzc2FnZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYwLjAwMDAwMCwgLTMzMi4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9IuW4puWAvuWQkV/kv6Hmga8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYwLjAwMDAwMCwgMzMyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9IlJlY3RhbmdsZS0yIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iaWNvbl9kYW5nZXIiPgogICAgICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTIiIGZpbGw9IiNGRjQ5NDkiIHg9IjAiIHk9IjAiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjUuODE3MjYyNywxNi4zNDUxNzk2IEMyNS45MzkwOTAyLDE2LjIyMzM0ODMgMjYsMTYuMDc2MTQxOCAyNiwxNS45MDM1NTIzIEMyNiwxNS43MzA5NjI4IDI1LjkzOTA5MDIsMTUuNTgzNzU2MyAyNS44MTcyNjI3LDE1LjQ2MTkyODkgTDI0LjUwNzYxNTcsMTQuMTgyNzQxMSBDMjQuMzg1Nzg4MiwxNC4wNjA5MTM3IDI0LjI0MzY1NzUsMTQgMjQuMDgxMjE5NiwxNCBDMjMuOTE4NzgxNywxNCAyMy43NzY2NTEsMTQuMDYwOTEzNyAyMy42NTQ4MjM1LDE0LjE4Mjc0MTEgTDIwLDE3LjgzNzU2MzUgTDE2LjMxNDcyMTYsMTQuMTgyNzQxMSBDMTYuMTkyODkwMiwxNC4wNjA5MTM3IDE2LjA1MDc1OTUsMTQgMTUuODg4MzIxNiwxNCBDMTUuNzI1ODg3NiwxNCAxNS41ODM3NTY5LDE0LjA2MDkxMzcgMTUuNDYxOTI5NCwxNC4xODI3NDExIEwxNC4xNTIyODI0LDE1LjQ2MTkyODkgQzE0LjA1MDc1ODIsMTUuNTgzNzU2MyAxNCwxNS43MzA5NjI4IDE0LDE1LjkwMzU1MjMgQzE0LDE2LjA3NjE0MTggMTQuMDUwNzU4MiwxNi4yMjMzNDgzIDE0LjE1MjI4MjQsMTYuMzQ1MTc5NiBMMTcuODM3NTYwOCwyMC4wMDAwMDE5IEwxNC4xNTIyODI0LDIzLjY1NDgyNDMgQzE0LjA1MDc1ODIsMjMuNzc2NjUxNyAxNCwyMy45MjM4NTgyIDE0LDI0LjA5NjQ0NzcgQzE0LDI0LjI2OTAzNzIgMTQuMDUwNzU4MiwyNC40MTYyNDM3IDE0LjE1MjI4MjQsMjQuNTM4MDcxMSBMMTUuNDYxOTI5NCwyNS44MTcyNTg5IEMxNS41ODM3NTY5LDI1LjkzOTA4NjMgMTUuNzI1ODg3NiwyNiAxNS44ODgzMjE2LDI2IEMxNi4wNTA3NTk1LDI2IDE2LjE5Mjg5MDIsMjUuOTM5MDg2MyAxNi4zMTQ3MjE2LDI1LjgxNzI1ODkgTDIwLDIyLjE2MjQzNjUgTDIzLjY1NDgyMzUsMjUuODE3MjU4OSBDMjMuNzc2NjUxLDI1LjkzOTA4NjMgMjMuOTE4NzgxNywyNiAyNC4wODEyMTk2LDI2IEMyNC4yNDM2NTc1LDI2IDI0LjM4NTc4ODIsMjUuOTM5MDg2MyAyNC41MDc2MTU3LDI1LjgxNzI1ODkgTDI1LjgxNzI2MjcsMjQuNTM4MDcxMSBDMjUuOTM5MDkwMiwyNC40MTYyNDM3IDI2LDI0LjI2OTAzNzIgMjYsMjQuMDk2NDQ3NyBDMjYsMjMuOTIzODU4MiAyNS45MzkwOTAyLDIzLjc3NjY1MTcgMjUuODE3MjYyNywyMy42NTQ4MjQzIEwyMi4xMzE5ODA0LDIwLjAwMDAwMTkgTDI1LjgxNzI2MjcsMTYuMzQ1MTc5NiBaIiBpZD0iUGF0aCIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat 0 50%}
.c-message--info{background:#20a0ff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDQwIDQwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzOS4xICgzMTcyMCkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+aWNvbl9pbmZvPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IkVsZW1lbnQtZ3VpZGVsaW5lLXYwLjIuNCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ik1lc3NhZ2UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MC4wMDAwMDAsIC0xNTIuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLluKblgL7lkJFf5L+h5oGvIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2MC4wMDAwMDAsIDE1Mi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJSZWN0YW5nbGUtMiI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Imljb25faW5mbyI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMiIgZmlsbD0iIzUwQkZGRiIgeD0iMCIgeT0iMCIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIj48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMS42MTUzODQ2LDI2LjU0MzIwOTkgQzIxLjYxNTM4NDYsMjYuOTQ3ODc1MSAyMS40NTgzMzQ4LDI3LjI5MTgzNjggMjEuMTQ0MjMwOCwyNy41NzUxMDI5IEMyMC44MzAxMjY4LDI3Ljg1ODM2ODkgMjAuNDQ4NzE5NCwyOCAyMCwyOCBDMTkuNTUxMjgwNiwyOCAxOS4xNjk4NzMyLDI3Ljg1ODM2ODkgMTguODU1NzY5MiwyNy41NzUxMDI5IEMxOC41NDE2NjUyLDI3LjI5MTgzNjggMTguMzg0NjE1NCwyNi45NDc4NzUxIDE4LjM4NDYxNTQsMjYuNTQzMjA5OSBMMTguMzg0NjE1NCwxOS43NDQ4NTYgQzE4LjM4NDYxNTQsMTkuMzQwMTkwNyAxOC41NDE2NjUyLDE4Ljk5NjIyOSAxOC44NTU3NjkyLDE4LjcxMjk2MyBDMTkuMTY5ODczMiwxOC40Mjk2OTY5IDE5LjU1MTI4MDYsMTguMjg4MDY1OCAyMCwxOC4yODgwNjU4IEMyMC40NDg3MTk0LDE4LjI4ODA2NTggMjAuODMwMTI2OCwxOC40Mjk2OTY5IDIxLjE0NDIzMDgsMTguNzEyOTYzIEMyMS40NTgzMzQ4LDE4Ljk5NjIyOSAyMS42MTUzODQ2LDE5LjM0MDE5MDcgMjEuNjE1Mzg0NiwxOS43NDQ4NTYgTDIxLjYxNTM4NDYsMjYuNTQzMjA5OSBaIE0yMCwxNS44MDQyOTgxIEMxOS40NDQ0NDI3LDE1LjgwNDI5ODEgMTguOTcyMjI0LDE1LjYxOTM2ODcgMTguNTgzMzMzMywxNS4yNDk1MDQ2IEMxOC4xOTQ0NDI3LDE0Ljg3OTY0MDYgMTgsMTQuNDMwNTI1NSAxOCwxMy45MDIxNDkxIEMxOCwxMy4zNzM3NzI2IDE4LjE5NDQ0MjcsMTIuOTI0NjU3NSAxOC41ODMzMzMzLDEyLjU1NDc5MzUgQzE4Ljk3MjIyNCwxMi4xODQ5Mjk1IDE5LjQ0NDQ0MjcsMTIgMjAsMTIgQzIwLjU1NTU1NzMsMTIgMjEuMDI3Nzc2LDEyLjE4NDkyOTUgMjEuNDE2NjY2NywxMi41NTQ3OTM1IEMyMS44MDU1NTczLDEyLjkyNDY1NzUgMjIsMTMuMzczNzcyNiAyMiwxMy45MDIxNDkxIEMyMiwxNC40MzA1MjU1IDIxLjgwNTU1NzMsMTQuODc5NjQwNiAyMS40MTY2NjY3LDE1LjI0OTUwNDYgQzIxLjAyNzc3NiwxNS42MTkzNjg3IDIwLjU1NTU1NzMsMTUuODA0Mjk4MSAyMCwxNS44MDQyOTgxIFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat 0 50%}
.c-message--warning{background:#f7ba2a url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDQwIDQwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzOS4xICgzMTcyMCkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+aWNvbl93YXJuaW5nPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ik1lc3NhZ2UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MC4wMDAwMDAsIC0yNzIuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLluKblgL7lkJFf5L+h5oGvLWNvcHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYwLjAwMDAwMCwgMjcyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9IlJlY3RhbmdsZS0yIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iaWNvbl93YXJuaW5nIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS0yIiBmaWxsPSIjRjdCQTJBIiB4PSIwIiB5PSIwIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTIxLjYxNTM4NDYsMjYuNTQzMjA5OSBDMjEuNjE1Mzg0NiwyNi45NDc4NzUxIDIxLjQ1ODMzNDgsMjcuMjkxODM2OCAyMS4xNDQyMzA4LDI3LjU3NTEwMjkgQzIwLjgzMDEyNjgsMjcuODU4MzY4OSAyMC40NDg3MTk0LDI4IDIwLDI4IEMxOS41NTEyODA2LDI4IDE5LjE2OTg3MzIsMjcuODU4MzY4OSAxOC44NTU3NjkyLDI3LjU3NTEwMjkgQzE4LjU0MTY2NTIsMjcuMjkxODM2OCAxOC4zODQ2MTU0LDI2Ljk0Nzg3NTEgMTguMzg0NjE1NCwyNi41NDMyMDk5IEwxOC4zODQ2MTU0LDE5Ljc0NDg1NiBDMTguMzg0NjE1NCwxOS4zNDAxOTA3IDE4LjU0MTY2NTIsMTguOTk2MjI5IDE4Ljg1NTc2OTIsMTguNzEyOTYzIEMxOS4xNjk4NzMyLDE4LjQyOTY5NjkgMTkuNTUxMjgwNiwxOC4yODgwNjU4IDIwLDE4LjI4ODA2NTggQzIwLjQ0ODcxOTQsMTguMjg4MDY1OCAyMC44MzAxMjY4LDE4LjQyOTY5NjkgMjEuMTQ0MjMwOCwxOC43MTI5NjMgQzIxLjQ1ODMzNDgsMTguOTk2MjI5IDIxLjYxNTM4NDYsMTkuMzQwMTkwNyAyMS42MTUzODQ2LDE5Ljc0NDg1NiBMMjEuNjE1Mzg0NiwyNi41NDMyMDk5IFogTTIwLDE1LjgwNDI5ODEgQzE5LjQ0NDQ0MjcsMTUuODA0Mjk4MSAxOC45NzIyMjQsMTUuNjE5MzY4NyAxOC41ODMzMzMzLDE1LjI0OTUwNDYgQzE4LjE5NDQ0MjcsMTQuODc5NjQwNiAxOCwxNC40MzA1MjU1IDE4LDEzLjkwMjE0OTEgQzE4LDEzLjM3Mzc3MjYgMTguMTk0NDQyNywxMi45MjQ2NTc1IDE4LjU4MzMzMzMsMTIuNTU0NzkzNSBDMTguOTcyMjI0LDEyLjE4NDkyOTUgMTkuNDQ0NDQyNywxMiAyMCwxMiBDMjAuNTU1NTU3MywxMiAyMS4wMjc3NzYsMTIuMTg0OTI5NSAyMS40MTY2NjY3LDEyLjU1NDc5MzUgQzIxLjgwNTU1NzMsMTIuOTI0NjU3NSAyMiwxMy4zNzM3NzI2IDIyLDEzLjkwMjE0OTEgQzIyLDE0LjQzMDUyNTUgMjEuODA1NTU3MywxNC44Nzk2NDA2IDIxLjQxNjY2NjcsMTUuMjQ5NTA0NiBDMjEuMDI3Nzc2LDE1LjYxOTM2ODcgMjAuNTU1NTU3MywxNS44MDQyOTgxIDIwLDE1LjgwNDI5ODEgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSIjRkZGRkZGIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMC4wMDAwMDAsIDIwLjAwMDAwMCkgc2NhbGUoMSwgLTEpIHRyYW5zbGF0ZSgtMjAuMDAwMDAwLCAtMjAuMDAwMDAwKSAiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat 0 50%}
.c-message--close{position:absolute;top:0;right:10px;display:block;height:40px;color:#999;text-decoration:none;font-size:30px;line-height:34px;cursor:pointer}
.c-message--close:hover{color:#666}
@keyframes messageFadeInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
100%{-webkit-transform:none;transform:none}
}
.c-message.messageFadeInDown{-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:messageFadeInDown;animation-name:messageFadeInDown}
@keyframes messageFadeOutUp{0%{opacity:1}
100%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}
}
@-webkit-keyframes rotation{from{-webkit-transform:rotate(0)}
to{-webkit-transform:rotate(360deg)}
}
.c-message.messageFadeOutUp{-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:messageFadeOutUp;animation-name:messageFadeOutUp}

@media (min-width:1920px){.dh-content,.footer-db{max-width: calc(100vw - 380px);}
}
@media (max-width:1919.98px){.dh-content,.footer-db{max-width:calc(100vw - 280px)}
}
@media (max-width:1599.98px){.dh-content,.footer-db{max-width:calc(100vw - 280px)}
}
@media (max-width:1399.98px){.dh-content,.footer-db{max-width:calc(100vw - 280px)}
}
@media (max-width:1199.98px){.dh-content,.footer-db{max-width:calc(100vw - 280px)}
.content-item-urls .content-art-card,.content-item-urls .content-urls-card{max-width:25%;flex:0 0 25%} 
}
@media (max-width:991.98px){.dh-content,.footer-db{max-width:960px;margin: 0px auto 0;} .ctrld{display:none}  
}
@media (max-width:767.98px){.dh-content,.footer-db{max-width:720px}
.dh-content,.footer-db{padding: 8px;}
.ctrld{display:none}                            
}
.dh-banner{
    margin-bottom: 0;
    padding: 100px 0 20px;
}
@media (max-width:575.98px){.dh-content, .footer-db {max-width:540px;}.newpding{margin-top:80px}
.dh-banner{
    margin-bottom: 0;
    padding: 75px 0 10px;
}
.ctrld{display:none}
}
@media only screen and (max-width:768px){#dh-nav,.navbar-left-btn{display:none}
#content.main-content{margin:0}
#header.dh-header{left:0}
.dh-search-form{max-width:450px}
.main-sidebar{left:-220px;-webkit-transition:left .3s;-o-transition:left .3s;transition:left .3s}
.dhmopen .main-sidebar{left:0;-webkit-transition:left .3s;-o-transition:left .3s;transition:left .3s}
.dh-container,.dhmopen .sidebar-close,.navbar-m-btn{display:block}
.navbar-m-logo{display:block;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1}
.navbar-m-logo img{max-height: 28px;vertical-align:middle}
.navbar-m-logo .navbar-m-logo-text{font-size:18px;font-weight:600;color:#212529;white-space:nowrap}
.navbar-menu-yiyan{display:none}
.content-item-urls .content-urls-card{width:0;max-width:50%;flex:0 0 50%}
.content-item-urls .content-art-card{max-width:50%;flex:0 0 50%}
.newpding.flex{display:block;margin-top: 50px;}
.dh-content-left{width:100%}
.dh-moreart .dh-moreart-item,.dh-moreurl .dh-moreurl-item{margin:10px 0;width:50%}
.dh-moreurl .dh-moreurl-item:nth-child(2n) .dh-moreurl-card{margin-right:0}
.dh-content-right{margin-top:20px;width:100%}
.dh-urls{display:block}
.urls-left{margin:0 auto}
.urls-tools-item a{margin-bottom:20px}
[data-balloon][data-balloon-length=xlarge]:before{width:90vw;white-space:normal}
}
@media screen and (max-width:490px){.dh-search-form{max-width:350px}
.navbar-menu-yiyan{max-width:200px}
.content-art-img,.new-img img{height:100px}
.dh-entry-table td,.dh-entry-table th{padding:5px 0;font-size:13px}
.m-modal__wrapper{padding:8px}
.m-modal__container{width:100%;min-width:0;margin:4vh auto 16px}
.m-modal__header{padding:16px 14px 12px}
.m-modal__body{padding:16px 14px 4px}
}
body.night,body.night .dh-comment-info li input,body.night .dh-txa textarea,body.night .divTags li .tag,body.night .m-modal__container{background:#292a2d;color:#e5eef7}
body.night .header-banner.navbg .dh-header,body.night .header-banner.pagebg .dh-header,body.night .main-sidebar,body.night .navbar-menu-user ul{background:#222}
body.night .artcile-meta-info span,body.night .content-item-head h1,body.night .content-item-head h4,body.night .header-banner.navbg .dh-header,body.night .header-banner.navbg .dh-header a,body.night .header-banner.pagebg .dh-header,body.night .header-banner.pagebg .dh-header a,body.night .main-footer .footer-tools .footer-tools-item a,body.night .navbg #dh-nav>li>a,body.night .pagebg #dh-nav>li>a,body.night a{color:#e5eef7}
body.night .content-ads,body.night .content-item-links,body.night .content-item-urls .cate-load,body.night .content-item-urls .cate-nomore,body.night .content-item-urls .content-art-card .content-art-body,body.night .content-urls-card .content-urls-body,body.night .dh-comment,body.night .dh-content-right .dhbox,body.night .dh-entry,body.night .dh-more,body.night .dh-navbar-left ul li ul,body.night .dh-ping,body.night .sidebar-close,body.night .sidebar-menu li a.on,body.night .sidebar-menu li a:hover{background:#323335}
body.night #dh-nav>li>a:hover,body.night .header-banner.navbg .dh-header a:hover,body.night .header-banner.pagebg .dh-header a:hover,body.night .navbg #dh-nav>li>a:hover,body.night .pagebg #dh-nav>li>a:hover,body.night a:hover{color:#f73464}
body.night .navbar-m-logo .navbar-m-logo-text{color:#e5eef7}
body.night .artcile-tags a,body.night .dh-entry-tags a{background:#2e2d2d}
body.night .artcile-tags,body.night .dh-entry-tags,body.night .dh-entry-tips{border-top:1px solid #606266}
body.night .artcile-content pre[class*=language-]{background:#212529;color:#e5eef7;text-shadow:none}
body.night .urls-body .urls-times,body.night .urls-tools-btn{background:#282a2d}
body.night .content-item-box a:hover,body.night .m-modal__body{color:#bbb}
body.night .new-body-title{background:#888}
body.night .dh-entry-table td,body.night .dh-entry-table th{border-color:#323335;background:#282a2d;color:#e5eef7}
body.night .urls-tools-btn.renling{background:#f1404b;color:#fff}
body.night .urls-tools-btn.zhanzhang{background:#f5883c;color:#fff}
body.night .content-page a{border:1px solid #212529;background:#212529}
body.night .dh-moreurl .dh-moreurl-card{border:1px solid rgba(227,229,236,.4)}
body.night .dh-moreurl-info{border-top:1px solid rgba(227,229,236,.4)}
body.night .artcile-tj .submit-form-item input,body.night .artcile-tj .submit-form-item select,body.night .artcile-tj .submit-form-item textarea{border:1px solid #606266;background:#292a2d;color:#e5eef7}
body.night .ri-sun-fill:before{content:"\ef72"}

/* ============================================================
   摸鱼导航 - 首页网址卡片模块样式（截图精致版）
   使用说明：把本文件内容追加到主题 style.css 末尾即可。
   不新增任何字段，纯 CSS 实现。
   ============================================================ */

/* ============================================================
   一、分类标签栏（截图顶部横向 pill 标签）
   ============================================================ */

.content-item {
    margin-bottom: 20px;
}

.content-item-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
    gap: 16px;
}

.content-item-head-left {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
    min-width: 0;
    overflow: hidden;
}

.content-item-head h1,
.content-item-head h4 {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    color: #383838;
    font-weight: 600;
    font-size: 18px;
}

.content-item-head h1 i,
.content-item-head h4 i {
    margin: 0;
    font-size: 22px;
    vertical-align: unset;
}

.content-item-nav {
    margin-bottom: 14px;
}

.content-item-box {
    display: flex;
    align-items: center;
    gap: 14px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding: 4px 0;
}

.content-item-box::-webkit-scrollbar {
    display: none;
}

/* 普通标签：完全透明，无边框无底色 */
.content-item-box a,
.content-item-box a.content-item-link {
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 6px 2px;
    border-radius: 0;
    background: transparent;
    color: #6e6e6e;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    text-align: center;
    white-space: nowrap;
    transition: all 0.2s ease;
    border: none;
    position: relative;
}

/* hover仅文字轻微加深，无任何色块 */
.content-item-box a:hover {
    color: #222;
    background: transparent;
}

/* 激活标签：文字底部仅一小段细蓝线点缀，无任何背景色块 */
.content-item-box a.active,
.content-item-box a.on,
.content-item-box a.content-item-link.active,
.content-item-box a.content-item-link.on {
    background: #bd2b2b00 !important;
    color: #242424 !important;
    font-weight: 700;
}
/* 底部短细装饰线，只在文字下方一小段，不铺满整格 */
.content-item-box a.active::after,
.content-item-box a.on::after,
.content-item-box a.content-item-link.active::after,
.content-item-box a.content-item-link.on::after {
    content: "";
    position: absolute;
    left: 43%;
    top: 15px;
    bottom: 0;
    width: 60%;
    height: 13px;
    transform: skewX(-15deg);
    background: linear-gradient(to right, transparent 0%, #29379830 100%);
}

.content-item-head span a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    color: #999;
    font-size: 18px;
    transition: all .25s ease;
}

.content-item-head span a:hover {
    background: #1677ff;
    color: #fff;
}

/* 黑夜模式适配 */
body.night .content-item-head h1,
body.night .content-item-head h4 {
    color: #e5eef7;
}
body.night .content-item-box a {
    color: #aaa;
}
body.night .content-item-box a:hover {
    color: #fff;
    background: transparent;
}
body.night .content-item-box a.active,
body.night .content-item-box a.on {
    color: #409eff !important;
}
body.night .content-item-box a.active::after,
body.night .content-item-box a.on::after {
    background-color: #409eff;
}
body.night .content-item-head span a {
    background: #3a3b3e;
    color: #aaa;
}
body.night .content-item-head span a:hover {
    background: #1677ff;
    color: #fff;
}

/* ============================================================
   二、网址卡片网格（6 列 → 3 列）
   ============================================================ */

.content-item-urls {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 12px;
    margin: 0;
    background: #fff;
    border-radius: 12px;
}

.content-item-urls .content-art-card {
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: none;
    flex: none;
}

/* ----- 单个网址卡片（更贴近截图的紧凑卡片） ----- */
.content-item-urls .content-urls-card {
    position: relative;
    width: 100%;
    min-width: 0;
    max-width: none;
    flex: none;
    margin: 0;
    border: 1px solid #edf0f3;
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
    transition: all 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.content-item-urls .content-urls-card:hover {
    transform: translateY(-3px);
    border-color: #dde4eb;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.08);
}

.ad-slot-card {
    display: block;
    color: inherit;
    text-decoration: none;
}

.ad-slot-card:hover {
    color: inherit;
    text-decoration: none;
}

.ad-slot-card .content-url-img {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1677ff;
    font-size: 24px;
}

.ad-slot-media{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:0;aspect-ratio:16 / 5;border-radius:9px;background:#f3f6ff center/cover no-repeat;color:#283593}
.ad-slot-image{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff}
.ad-slot-card[data-has-image="1"] .ad-slot-image{display:block}
.ad-slot-media::before{position:absolute;top:50%;right:10px;z-index:1;color:rgba(40,53,147,.08);content:"AD";font-size:62px;font-style:italic;font-weight:800;line-height:1;pointer-events:none;transform:translateY(-50%) rotate(-10deg)}
.ad-slot-media::after{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,31,76,.02),rgba(20,31,76,.52));content:""}
.ad-slot-media i{position:absolute;top:12px;right:13px;z-index:2;font-size:20px}
.ad-slot-content{position:absolute;inset:0;z-index:2;display:flex;padding:13px 14px;flex-direction:column;align-items:flex-start;justify-content:flex-start}
.ad-slot-name{overflow:hidden;max-width:calc(100% - 30px);text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:20px}
.ad-slot-meta{margin-top:3px;font-size:12px;line-height:18px}
.ad-slot-title{display:none;overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:18px}
.ad-slot-action{position:absolute;right:14px;bottom:12px;color:#283593;font-size:12px;line-height:18px}
.ad-slot-action::after{margin-left:3px;content:"→";font-size:13px}
.ad-slot-card[data-active="0"] .ad-slot-media::after{display:none}
.ad-slot-card[data-active="1"] .ad-slot-icon{display:none}
.ad-slot-card[data-active="1"] .ad-slot-action{display:none}
.ad-slot-card[data-active="1"] .ad-slot-content{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}
.ad-slot-card[data-active="1"] .ad-slot-meta{color:rgba(255,255,255,.9)}
.ad-slot-card[data-active="1"] .ad-slot-name{color:#fff}
.ad-slot-card[data-active="1"] .ad-slot-title{color:rgba(255,255,255,.92)}
.ad-slot-card[data-active="1"] .ad-slot-media i{color:#fff}
.ad-slot-card[data-active="1"] .ad-slot-media::before{display:none}
.ad-slot-card[data-active="1"][data-has-image="0"] .ad-slot-content{align-items:center;justify-content:center}
.ad-slot-card[data-active="1"][data-has-image="0"] .ad-slot-name,
.ad-slot-card[data-active="1"][data-has-image="0"] .ad-slot-meta{display:none}
.ad-slot-card[data-active="1"][data-has-image="0"] .ad-slot-title{display:block;max-width:90%;font-size:16px;line-height:24px;text-align:center}
.ad-slot-card[data-active="1"][data-has-image="1"] .ad-slot-media::after,
.ad-slot-card[data-active="1"][data-has-image="1"] .ad-slot-icon,
.ad-slot-card[data-active="1"][data-has-image="1"] .ad-slot-content{display:none}

body.night .ad-slot-card[data-active="0"] .ad-slot-action{color:#b9c2ff}
body.night .ad-hours-tip{color:#a7adb7}
body.night .ad-purchase-total{color:#b9c2ff}

body.night .content-item-urls .content-urls-card {
    background: #323335;
    border-color: #424242;
}
body.night .content-item-urls .content-urls-card:hover {
    border-color: #555;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.25);
}

.content-urls-card .content-urls-body {
    position: relative;
    margin: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    transform: none;
    transition: none;
}

/* ----- 推荐卡片：橙色边框 + 轻微背景色 ----- */
.content-urls-card.is-recommend {
    border-color: #ffb382;
    background: linear-gradient(135deg, #fff8f5 0%, #fff 60%);
    box-shadow: 0 4px 14px rgba(255, 107, 53, 0.12);
}

.content-urls-card.is-recommend:hover {
    border-color: #ff9a5e;
    box-shadow: 0 10px 28px rgba(255, 107, 53, 0.18);
}

body.night .content-urls-card.is-recommend {
    border-color: #b8704b;
    background: linear-gradient(135deg, #3a2f2a 0%, #323335 60%);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
}

body.night .content-urls-card.is-recommend:hover {
    border-color: #d98a61;
}

/* ----- 左上角推荐角标 ----- */
/* ---- 左上角推荐角标 ---- */
/* ---- 左上角推荐角标 ---- */
.card-badge-recommend {
    transform: translate(-18px, 32px) rotate(-45deg) translateZ(0);
    padding: 3px 24px;
    max-width: unset;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: none !important;
    will-change: transform;
    --this-color: #ffe7eb;
    --this-hover-color: #ffffff;
    --this-bg:
    linear-gradient(135deg,#f89250 10%,#f1404b 100%);
    --this-hover-bg: #e4415f;
    --this-shadow-bg:
    rgba(219,31,66,0.7);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 68px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
    white-space: nowrap;
    text-align: center;
    color: #fff;
    background: linear-gradient(135deg, #f89250 10%, #f1404b 100%);
    border: none !important;
    border-radius: 0;
    pointer-events: none;
    transform-origin: 0 0;
    /* transform: translate(-20%, 24%) rotate(-45deg); */
}


/* ----- 右上角 APP 标签 ----- */
.card-badge-app {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 2px 6px;
    border-radius: 4px;
    background: #4a90e2;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.4;
    pointer-events: none;
}

.card-badge-app::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M17 1.01L7 1c-1.1 0-2 .9-2 2v18c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-1.99-2-1.99zM17 19H7V5h10v14zM12 18c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* APP 标签存在时，给右上角留点空间，避免和直达按钮/标题重叠 */
.content-urls-card.is-app .content-card-body {
    padding-right: 46px;
}

.content-urls-card.is-app.is-recommend .content-url-img {
    margin-left: 6px;
}

.content-urls-card .content-urls-body:hover {
    transform: none;
}

.content-urls-card .content-url-flex {
    display: block;
    text-decoration: none;
}

.content-urls-card .content-card-body {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
}

/* ----- 图标 ----- */
.content-urls-card .content-url-img {
    overflow: hidden;
    margin: 0;
    width: 26px;
    height: 26px;
    border-radius: 100px;
    background: #f5f5f5;
    flex: none;
    transition: transform 0.25s ease;
}

.content-urls-card .content-url-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    vertical-align: unset;
}

/* ----- 文字信息 ----- */
.content-urls-card .content-url-info {
    flex: 1;
    min-width: 0;
    padding: 0;
    overflow: hidden;
}

.content-urls-card .content-url-info strong {
    display: block;
    overflow: hidden;
    color: #383838;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.content-urls-card .content-url-info p {
    display: block;
    overflow: hidden;
    margin: 0;
    color: #999;
    font-size: 11px;
    line-height: 1.5;
    white-space: nowrap;
    text-overflow: ellipsis;
}

body.night .content-urls-card .content-url-info strong {
    color: #e5eef7;
}
body.night .content-urls-card .content-url-info p {
    color: #999;
}

/* ============================================================
   三、直达按钮：默认隐藏，悬停时从右上 45° 旋转飞入
   ============================================================ */
.content-urls-card .content-url-togo {
    top: 30%;
    right: 10px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    font-size: 14px;
    text-decoration: none;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transform: translate(0px, 50%) rotate(30deg);
    position: absolute;
}

.content-urls-card .content-url-togo i {
    line-height: 1;
}

.content-urls-card:hover .content-url-togo {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    transform: translate(0px, -50%) rotate(30deg);
}



/* ============================================================
   四、响应式：桌面 6 列 → 手机 3 列
   ============================================================ */
@media (max-width: 1399.98px) {
    .content-item-urls {
        grid-template-columns: repeat(5, 1fr);
    }
}

@media (max-width: 1199.98px) {
    .content-item-urls {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 991.98px) {
    .content-item-urls {
        grid-template-columns: repeat(4, 1fr);
        gap: 10px;
        padding: 10px;
    }
    .content-urls-card .content-card-body {
        padding: 10px 12px;
        gap: 8px;
    }
    .content-urls-card .content-url-img {
        width: 24px;
        height: 24px;
    }
    .content-urls-card .content-url-info strong {
        font-size: 13px;
    }
    .content-urls-card .content-url-info p {
        font-size: 10px;
        display: none;
    }
    .content-item-urls .content-urls-card {
    border-radius: 6px;
}
}

@media (max-width: 767.98px) {
    .ad-slot-card[data-active="0"] .ad-slot-content {
        padding: 6px 8px;
        justify-content: flex-end;
    }
    .ad-slot-card[data-active="0"] .ad-slot-name {
        display: none;
    }
    .ad-slot-card[data-active="0"] .ad-slot-meta {
        margin-top: 0;
        font-size: 10px;
        line-height: 14px;
        white-space: nowrap;
    }
    .ad-slot-card[data-active="0"] .ad-slot-action {
        position: static;
        align-self: flex-end;
        margin-top: 1px;
        font-size: 10px;
        line-height: 14px;
        white-space: nowrap;
    }
    .content-item-box{
        gap: 0;
    }
    .content-item-box a.active::after, .content-item-box a.on::after, .content-item-box a.content-item-link.active::after, .content-item-box a.content-item-link.on::after{
    left:18px;
    top: 13px;
    }
    .content-item-urls {
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
        padding: 10px;
    }
    .content-item-head {
        flex-wrap: wrap;
        gap: 10px;
    }
    .content-item-head-left {
        width: 100%;
        gap: 0px;
    }
    .content-item-head h1,
    .content-item-head h4 {
        font-size: 16px;
        min-width: 96px;
    }
    .content-item-box a,
    .content-item-box a.content-item-link {
        padding: 5px 12px;
        font-size: 13px;
    }
    .content-urls-card .content-card-body {
        gap: 8px;
        padding: 7px 10px;
    }
    .content-urls-card .content-url-img {
        width: 24px;
        height: 24px;
    }
    .content-urls-card .content-url-info strong {
        font-size: 13px;
    }
    .content-urls-card .content-url-info p {
        font-size: 10px;
        display: none;
    }
    .content-urls-card .content-url-togo {
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
        transform: translate(13px, -50%) rotate(45deg);
    }
    .content-item-urls .content-urls-card {
    border-radius: 6px;
}
}

@media (max-width: 480px) {
    .content-item-urls {
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
        padding: 2px;
    }
    .content-urls-card .content-card-body {
        padding: 5px 5px;
        gap: 6px;
    }
    .content-item-urls .content-urls-card{
        border-radius: 6px;
    }
    .content-urls-card .content-url-img {
        width: 24px;
        height: 24px;
    }
    .content-urls-card .content-url-info strong {
        font-size: 12px;
    }
    .content-urls-card .content-url-info p {
        font-size: 10px;
        display: none;
    }
}

/* ============================================================
   摸鱼导航 - 底部页脚新布局样式（参考截图）
   使用说明：把本文件放到主题 style.css 同级目录，
   或把内容追加到主题 style.css / style-index-card.css 末尾。
   ============================================================ */

.main-footer {
    padding: 28px 20px;
    background: #fff;
    border-top: 1px solid #f0f0f0;
    margin-top: 30px;
}

.footer-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 18px;
    flex-wrap: wrap;
}

.footer-brand {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.footer-logo {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #212529;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.2;
}

.footer-logo img {
    display: block;
    height: 36px;
    width: auto;
}

.footer-site-name {
    display: none;
}

.footer-domain {
    margin: 0;
    color: #999;
    font-size: 12px;
    line-height: 1.4;
}

/* 右侧社交图标 */
.footer-social {
    display: flex;
    align-items: center;
    gap: 12px;
}

.footer-social a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #f5f5f5;
    color: #666;
    font-size: 18px;
    text-decoration: none;
    transition: all .25s ease;
}

.footer-social a:hover {
    background: #1677ff;
    color: #fff;
    transform: translateY(-2px);
}

/* 微信二维码 */
.tools-wecha .tools-wecha-img {
    position: absolute;
    bottom: 48px;
    left: 50%;
    display: none;
    width: 110px;
    padding: 6px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .12);
    transform: translateX(-50%) scale(.95);
    opacity: 0;
    transition: all .2s ease;
    pointer-events: none;
}

.tools-wecha:hover .tools-wecha-img {
    display: block;
    opacity: 1;
    transform: translateX(-50%) scale(1);
}

.tools-wecha-img img {
    display: block;
    width: 100%;
    border-radius: 4px;
}

/* 底部版权 + 链接 */
.footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    font-size: 13px;
    color: #999;
    line-height: 1.6;
}

.footer-copyright {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.footer-copyright p {
    margin: 0;
}

.footer-copyright a {
    color: #999;
    text-decoration: none;
}

.footer-copyright a:hover {
    color: #1677ff;
}

.footer-links {
    display: flex;
    align-items: center;
    gap: 20px;
}

.footer-links a {
    color: #666;
    text-decoration: none;
    transition: color .2s;
}

.footer-links a:hover {
    color: #1677ff;
}

/* 夜间模式 */
body.night .main-footer {
    background: #222;
    border-color: #333;
}

body.night .footer-logo,
body.night .footer-links a {
    color: #e5eef7;
}

body.night .footer-domain,
body.night .footer-copyright,
body.night .footer-copyright a {
    color: #aaa;
}

body.night .footer-social a {
    background: #3a3b3e;
    color: #aaa;
}

body.night .footer-social a:hover {
    background: #1677ff;
    color: #fff;
}

body.night .tools-wecha-img {
    background: #333;
}

/* 手机端 */
@media (max-width: 768px) {
    .main-footer {
        padding: 20px 15px;
    }

    .footer-main {
        margin-bottom: 14px;
    }

    .footer-logo {
        font-size: 16px;
    }

    .footer-logo img {
        height: 30px;
    }

    .footer-social a {
        width: 34px;
        height: 34px;
        font-size: 16px;
    }

    .footer-bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        font-size: 12px;
    }

    .footer-links {
        gap: 14px;
    }
}
.footer-db {
    margin: 0 auto;
    padding: 10px 10px 0;
    width: 100%;
    background: #fff;
    border-radius: 12px;
}
.send-icon {
  /* 基础尺寸 */
  width: 14px;
  height: 14px;
  /* 默认灰色，和原图一致 */
  /* color: #fff; */
  /* 过渡动画，顺滑变色位移 */
  transition: all 0.2s ease;
  /* 行内对齐，和文字居中 */
  vertical-align: middle;
  display: inline-block;
  margin-left: 6px;
}



body.night .dh-content {
    background: #232528;
}
body.night .main-sidebar{
    border-right: 1px solid #878787;
}

/* 搜索输入框：夜间改为深色底 + 浅色字 */
body.night .search-input {
    background: #3a3b3e;
    color: #e5eef7;
    border-color: #555;
}
body.night .search-input::placeholder {
    color: #888;
}

/* 搜索按钮：夜间用亮蓝替代深蓝紫 */
body.night .search-form .search-btn {
    background: #409eff;
}

/* 搜索类型大标签（搜索引擎 / 资源搜寻） */
body.night .search-typelist li {
    color: #aaa;
}
body.night .search-typelist li.search-on {
    color: #409eff;
}
body.night .search-typelist li.search-on::after {
    background: linear-gradient(to right, transparent 0%, #409eff52 100%);
}

/* 搜索引擎子标签（百度、必应、谷歌…） */
body.night .search-type-group li a {
    color: #aaa;
}
body.night .search-type-group li a.active {
    color: #409eff;
}
body.night .search-type-group li a.active:before {
    border-color: #409eff transparent transparent;
}

/* 顶部一言文字 */
body.night .navbar-menu-yiyan {
    color: #aaa;
}

/* 内容网格：透明，让 .dh-content 深色透出来 */
body.night .content-item-urls {
    background: transparent;
}

/* 底部栏容器 */
body.night .footer-db {
    background: #2e2d2d;
}

/* 分页按钮夜间微调 */
body.night .content-page a {
    border-color: #333;
    background: #2e2d2d;
    color: #aaa;
}
body.night .content-page a:hover {
    border-color: #409eff;
    background: #409eff;
    color: #fff;
}
body.night .content-page span.now-page {
    border-color: #409eff;
    background-color: #409eff;
}

/* 首页 banner 区域 header 夜间背景 */
body.night .header-banner .dh-header {
    background: rgba(34, 34, 34, 0.95);
}

/* 侧边栏当前选中项 hover 颜色微调 */
body.night .sidebar-menu li a.on,
body.night .sidebar-menu li a:hover {
    background-color: #3a3b3e;
    color: #409eff;
}

/* 分类标签栏 hover 状态 */
body.night .content-item-box a:hover {
    color: #fff;
    background: transparent;
}



@media only screen and (max-width: 768px) {
    .navbar-m-logo,
    .navbar-m-logo .logo,
    .dhsmall .navbar-m-logo .logo {
        display: block !important;
    }
}

/* 电脑端：LOGO + 搜索栏并排，整体居中对称 */
@media (min-width: 769px) {
    .dh-banner {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 48px;
    }

    .dh-banner-logo {
        flex-shrink: 0;
        max-width: 220px;
    }

    .dh-banner-logo a {
        display: block;
        text-decoration: none;
        line-height: 0;
    }

    .dh-banner-logo img {
        display: block;
        width: auto;
        height: 56px;
        max-width: 100%;
    }

    .dh-search {
        flex: 0 1 600px;
        min-width: 0;
    }
}

/* 手机端：LOGO 隐藏，搜索栏独占一行（保持原样） */
@media (max-width: 768px) {
    .dh-banner-logo {
        display: none;
    }
}

.ctrld {
    text-align: center;
    padding: 45px 0;
    height: 130px;
    font-size: 14px;
    font-weight: 700;
    position: relative;
}
.ctrld-main {
    position: relative;
    z-index: 2;
}
.ctrld-pc {
    display: inline-block;
}
.ctrld-pc span:first-child {
    margin-left: 15px;
}
.ctrld-pc span {
    position: relative;
    color: #030405;
    border: 1px solid silver;
    border-radius: 3px;
    height: 3em;
    width: 3em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    background-image: linear-gradient(#f5f5f5, #fff);
    margin: auto;
}
.ctrld-pc em {
    padding: 0 5px;
}
.ctrld-pc span:last-child {
    margin-right: 15px;
}
.ctrld-pc span::before {
    content: '';
    box-sizing: content-box;
    position: absolute;
    border: 2px solid rgba(240,240,240,0.9);
    border-top: 1px solid rgba(240,240,240,0.9);
    border-bottom: 7px solid rgba(240,240,240,0.9);
    border-radius: 3px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255,255,255,0.1);
}
.ctrld-main>span a {
    color: #283593;
    margin: 0 5px;
}
.ctrld::after {
    content: '';
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: -1;
    height: 100%;
    left: 0%;
    bottom: 0;
    background: url("../img/bookmark-tip.png") no-repeat center -2px;
}

.content-item-head-left .icon {
    width: 24px;
    height: 24px;
    vertical-align: middle;
}


.content-url-img img {
  opacity:0;
  transition: opacity 0.3s;
}
.content-url-img img.loaded {
  opacity:1;
}

/* 站点详情页 */
.site-detail-page{display:flex;gap:24px;max-width:1200px;padding:0;background:transparent}
.site-detail-page .dh-content-left{width:0;margin:0;flex:1}
.site-detail-main{max-width:none}
.site-detail-page .topbar-crumb{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:8px;padding:12px 0;color:#86909c;font-size:13px}
.site-detail-page .topbar-crumb a{color:#657387}
.site-detail-page .topbar-crumb a:hover{color:#2e3eae}
.site-detail-page .topbar-crumb i{font-size:14px;opacity:.55}
.site-detail-page .topbar-crumb-cur{color:#2a2e34;font-weight:500}
.site-detail-page .hero{position:relative;display:flex;align-items:flex-start;gap:24px;overflow:hidden;padding:40px 40px 35px;border-radius:12px;background:#fff;box-shadow:0 2px 15px -5px rgb(10 10 10 / 3%)}
.site-detail-page .hero::before{position:absolute;top:-60px;right:-60px;width:240px;height:240px;background:radial-gradient(closest-side,rgba(245,158,11,.08),transparent);content:"";pointer-events:none}
.site-detail-page .hero .favicon{display:flex;overflow:hidden;flex:0 0 auto;justify-content:center;width:72px;height:72px;border-radius:14px;background:#e5e6e92e}
.site-detail-page .hero .favicon img{width:100%;height:100%;border-radius:100px;object-fit:cover}
.site-detail-page .hero-info{z-index:1;flex:1;min-width:0;margin-top:7px}
.site-detail-page .hero-title{margin:0 0 12px;color:#2a2e34;font-size:28px;font-weight:700;letter-spacing:0;line-height:1.3}
.site-detail-page .hero-meta{display:flex;flex-wrap:wrap;gap:16px;margin:0;color:#86909c;font-size:12px}
.site-detail-page .hero-meta-item{display:inline-flex;align-items:center;gap:5px}
.site-detail-page .hero-meta-item i{font-size:14px;opacity:.7}
.site-detail-page .hero-actions{z-index:1;display:flex;flex:0 0 auto;flex-direction:column;gap:8px}
.site-detail-page .btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border:1px solid #e6eaf0;border-radius:10px;background:transparent;color:#657387;font-size:13px;line-height:20px}
.site-detail-page .btn-primary{border:0;background:#3141b3;color:#fff;font-weight:500}
.site-detail-page .btn-primary:hover{background:#29379a;color:#fff;transform:translateY(-1px)}
.site-detail-page .section-card{margin-top:24px;padding:32px 36px;border-radius:12px;background:#fff;box-shadow:0 2px 15px -5px rgb(10 10 10 / 3%)}
.site-detail-page .sec-hd{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.site-detail-page .dh-post-icon i{font-size:25px}
.site-detail-page .sec-title{margin:0;color:#2a2e34;font-size:20px;font-weight:700;letter-spacing:0;line-height:1.3}
.site-detail-page .sec-tagline{margin-left:auto;color:#86909c;font-size:12px}
.site-detail-page .info-grid{display:grid;gap:12px 5px;font-size:14px}
.site-detail-page .info-grid dt{color:#2a2e34;font-size:16px;font-weight:700}
.site-detail-page .info-grid dd{color:#4b5460;word-break:break-all}
.site-detail-page .info-grid dd a{border-bottom:1px solid #e6eaf0;color:#3141b3}
.site-detail-page .info-grid dd a:hover{border-color:#3141b3}
.site-detail-page .iiice-notice-box{margin-top:20px;padding:10px 14px;border:1px solid #fde68a;border-left:3px solid #f59e0b;border-radius:6px;background:#fffbeb;color:#78350f;font-size:13px;line-height:1.7}
.site-detail-page .iiice-notice-box strong{color:#b45309;font-size:14px}
.site-detail-side{display:flex;flex:0 0 320px;flex-direction:column;gap:24px;width:320px}
.site-detail-side .dh-welfare,.site-detail-side .side-card{padding:20px;border-radius:12px;background:#fff;box-shadow:0 2px 15px -5px rgb(10 10 10 / 3%)}
.site-detail-side .dh-welfare-head{display:flex;align-items:baseline;justify-content:space-between;padding:0 0 12px;border-bottom:1px solid #f0f2f5}
.site-detail-side .dh-welfare-title,.site-detail-side .side-hd{color:#2a2e34;font-size:18px;font-weight:700}
.site-detail-side .dh-welfare-sub{color:#86909c;font-size:12px}
.site-detail-side .dh-welfare-list{margin:0;padding:4px 0 0}
.site-detail-side .dh-welfare-item{border-bottom:1px solid #f3f4f6}
.site-detail-side .dh-welfare-item:last-child{border-bottom:0}
.site-detail-side .dh-welfare-item a{display:flex;align-items:center;gap:10px;padding:11px 2px}
.site-detail-side .dh-welfare-icon{width:26px;color:#3141b3;font-size:21px;text-align:center}
.site-detail-side .dh-welfare-info{display:flex;min-width:0;flex:1;flex-direction:column}
.site-detail-side .dh-welfare-name{overflow:hidden;color:#3b4350;font-size:14px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
.site-detail-side .dh-welfare-desc{overflow:hidden;margin-top:2px;color:#9aa4b2;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.site-detail-side .dh-welfare-arrow,.site-detail-side .arrow{color:#a6afba;font-size:16px}
.site-detail-side .side-card{margin:0}
.site-detail-side .side-hd{display:flex;align-items:center;gap:8px;margin:0 0 12px}
.site-detail-side .side-hd>i{color:#f59e0b;font-size:18px}
.site-detail-side .side-reload-btn{display:inline-flex;align-items:center;gap:4px;margin-left:auto;padding:4px 9px;border:1px solid #e6eaf0;border-radius:999px;background:#f8fafc;color:#657387;font-size:11px;cursor:pointer}
.site-detail-side .side-reload-btn:hover{border-color:#3141b3;background:#3141b3;color:#fff}
.site-detail-side .side-reload-btn.spin i{animation:site-detail-spin .3s linear}
.site-detail-side .side-list{display:flex;flex-direction:column;gap:3px}
.site-detail-side .side-item{display:flex;align-items:center;gap:10px;padding:9px 4px;border-radius:8px}
.site-detail-side .side-item:hover{background:#f6f8fb}
.site-detail-side .ic{display:flex;overflow:hidden;flex:0 0 auto;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#f0f2f5}
.site-detail-side .dh-related-icon img{width:100%;height:100%;object-fit:cover}
.site-detail-side .txt{display:flex;min-width:0;flex:1;flex-direction:column}
.site-detail-side .nm,.site-detail-side .desc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.site-detail-side .nm{color:#3b4350;font-size:14px;font-weight:600;line-height:1.45}
.site-detail-side .desc{margin-top:2px;color:#9aa4b2;font-size:12px;line-height:1.4}
@keyframes site-detail-spin{to{transform:rotate(360deg)}}
body.night .site-detail-page .hero,body.night .site-detail-page .section-card{background:#232528}
body.night .site-detail-page .hero-title,body.night .site-detail-page .sec-title,body.night .site-detail-page .topbar-crumb-cur{color:#e5eef7}
body.night .site-detail-page .hero-meta,body.night .site-detail-page .topbar-crumb,body.night .site-detail-page .topbar-crumb a,body.night .site-detail-page .sec-tagline{color:#aaa}
body.night .site-detail-page .info-grid dt,body.night .site-detail-page .info-grid dd{color:#cbd5e1}
body.night .site-detail-page .info-grid dd a{border-color:#475569;color:#60a5fa}
body.night .site-detail-page .iiice-notice-box{border-color:#78350f;border-left-color:#f59e0b;background:#3a2f1a;color:#fde68a}
body.night .site-detail-side .dh-welfare,body.night .site-detail-side .side-card{background:#232528}
body.night .site-detail-side .dh-welfare-head,body.night .site-detail-side .dh-welfare-item{border-color:#3a3b3e}
body.night .site-detail-side .dh-welfare-title,body.night .site-detail-side .side-hd,body.night .site-detail-side .dh-welfare-name,body.night .site-detail-side .nm{color:#e5eef7}
body.night .site-detail-side .dh-welfare-sub,body.night .site-detail-side .dh-welfare-desc,body.night .site-detail-side .desc{color:#aaa}
body.night .site-detail-side .side-item:hover{background:#323335}
body.night .site-detail-side .ic{background:#323335}
body.night .site-detail-side .side-reload-btn{border-color:#4a4a4a;background:#323335;color:#ccc}
@media (max-width:768px){
    .site-detail-page{display:block;padding:0 15px}
    .site-detail-page .dh-content-left{width:100%;flex:none}
    .site-detail-main{max-width:none}
    .site-detail-page .hero{flex-wrap:wrap;gap:12px;padding:24px}
    .site-detail-page .hero .favicon{width:56px;height:56px}
    .site-detail-page .hero-title{margin-bottom:4px;font-size:20px}
    .site-detail-page .hero-meta{gap:10px;font-size:11px}
    .site-detail-page .hero-actions{width:100%;flex-direction:row}
    .site-detail-page .hero-actions .btn-primary{flex:1}
    .site-detail-page .section-card{margin-top:16px;padding:24px}
    .site-detail-page .sec-title{font-size:18px}
    .site-detail-page .info-grid{gap:10px 14px;font-size:13px}
    .site-detail-side{display:none}
}