@font-face{font-family:ziti;src:url('../fonts/hbd.woff2')}*{font-family:ziti}
header>div .logo:after {
    content: "简约版";
    position: absolute;
    right: -1px;
    top: 3px;
    background: #20c4ab;
    color: #FFF;
    padding: 0px 5px;
    height: 15px;
    line-height: 15px;
    font-size: 12px;
    z-index: 3;
}
header > div .logo .txdh-logo-sweep {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
    border-radius: 6px;
}

header > div .logo .txdh-logo-sweep:before {
    position: absolute;
    top: -45%;
    left: -80%;
    z-index: 2;
    width: 42%;
    height: 190%;
    background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.78), rgba(255,255,255,0));
    content: "";
    pointer-events: none;
    transform: translateX(-120%) rotate(18deg);
    animation: txdh-logo-sweep 3.6s ease-in-out infinite;
}

header > div .logo img {
    position: relative;
    z-index: 1;
}

@keyframes txdh-logo-sweep {
    0%, 38% {
        transform: translateX(-120%) rotate(18deg);
    }
    62%, 100% {
        transform: translateX(560%) rotate(18deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    header > div .logo .txdh-logo-sweep:before {
        animation: none;
        display: none;
    }
}

.listBtn{display:none}
.menu-close{display:none}
#bodybg{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:9990;opacity:0.7;filter:alpha(Opacity=70);-moz-opacity:0.7;}
body{}
.menucurr{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;-webkit-transform:translateX(-60%);transform:translateX(-60%);-webkit-transition-duration:.3s;transition-duration:.3s;}
@media screen and (max-width:990px){
  body, html {
    min-width:auto;
  }
  body{background: #F6F6F6;}
  header>div .logo:after{display:none;}
  header>div .logo .txdh-logo-sweep{width:100%;height:100%;}
  header>div .logo img{}
  .headerwrap{
    position: absolute;
    z-index: 9990;
    top: 0;
    left: 0;
    width: 100%;
  }
  .textpng{display:none}
  .menu-close{display:block;width:26px;height:26px;background:rgb(0 0 0 / 60%) url(../img/close.png) no-repeat center;top:10px;right:10px;position:fixed;z-index:9991;background-size:100% 100%;}
  header>div .time-winter{display:none}
  header>div nav{display:none;position:fixed;top:0;right:-60%;z-index:9991;box-shadow:none;line-height:normal;width:60%;padding:40px 15px 15px;overflow-y:auto;height:100%;background:#fff;max-width:60%}
  /**
  #topnav a{color:#666 !important}
  .hover a{color:#20c4ab !important}
  **/
  header>div nav>div{margin: 10px auto;width: auto;}
  header>div nav>div {
    float: none;
    margin: 0 0 15px 0;
    white-space: nowrap;
    height:40px;
    line-height: 40px;
    text-align: left;
    padding: 0;
}
  header>div nav>div a {
    font-size: 16px;
    color: #333 !important;
    height:auto;
    line-height:normal
}
header>div nav>div a img{
    width: 22px;
    height: 22px;
    vertical-align: middle;
    margin-top: -5px;
    margin-right: 8px;
}
  header>div nav>.mobile-direct-toggle{
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:44px;
    line-height:44px;
    margin:22px 0 0;
    padding:14px 0 0;
    border-top:1px solid #f1f1f1;
  }
  header>div nav>.mobile-direct-toggle span{
    font-size:15px;
    color:#333;
  }
  .mobile-switch{
    position:relative;
    display:block;
    width:46px;
    height:24px;
    cursor:pointer;
  }
  .mobile-switch input{
    display:none;
  }
  .mobile-switch em{
    position:absolute;
    inset:0;
    background:#d9dfe7;
    transition:background .2s ease;
  }
  .mobile-switch em:before{
    content:"";
    position:absolute;
    top:3px;
    left:3px;
    width:18px;
    height:18px;
    background:#fff;
    box-shadow:0 2px 6px rgba(0,0,0,.18);
    transition:transform .2s ease;
  }
  .mobile-switch input:checked + em{
    background:#20c4ab;
  }
  .mobile-switch input:checked + em:before{
    transform:translateX(22px);
  }
.list_li{display:none !important}
  .maskBox{display:none}
  header{height:60px;border-bottom:none;background: none;text-align:center}
  header>div{max-width:100%;height:60px}
  header>div .logo{width:100px;height:30px;margin:0 0 0 10px;}
  header>div .logo img{height:100%;width:100%}
  .listBtn {
    display:block;
    font-size: 22px;
    color: #FFF;
    position: absolute;
    right: 15px;
    top: 15px;
  }
  .listBtn:hover{color:#fff}
  .indexSearch{height:auto}
  .indexSearch > .layui-clear{width:100%;margin-top:44px;}
  .indexSearch > .layui-clear .bdlogo{display:none}
  .indexSearch > .layui-clear .search-box{
    display:flex;
    width:100%;
    height:45px;
    overflow:hidden;
    background:#fff;
    box-shadow:0 8px 22px rgba(0,0,0,.12);
  }
  .indexSearch > .layui-clear input{
    flex:1;
    width:auto;
    border: 0;
    background: #fff;
    color: #333;
    font-size: 14px;
    padding: 10px 14px;
    float: left;
    height: 45px;
    line-height: normal; 

   }
   .indexSearch > .layui-clear input::-webkit-input-placeholder{color:#9099a6}
  .indexSearch > .layui-clear .btn{
    display:block;
    float:none;
    width:52px;
    height:45px;
    line-height:45px;
    background:#20a995!important;
    color:#fff;
    font-size:24px;
    text-align:center;
  }
  .indexSearch > .layui-clear .btn .layui-icon{font-size:24px;}
  .search-engine-tabs{
    display:flex;
    justify-content:flex-start;
    gap:8px;
    margin-top:12px;
    overflow-x:auto;
    white-space:nowrap;
    -webkit-overflow-scrolling:touch;
  }
  .search-engine-tabs::-webkit-scrollbar{display:none;}
  .search-engine-tabs button{
    flex:0 0 auto;
    height:30px;
    line-height:28px;
    padding:0 13px;
    border:1px solid rgba(255,255,255,.28);
    background:rgba(8,60,77,.56);
    color:#fff;
    font-size:14px;
    font-weight:700;
  }
  .search-engine-tabs button.active{
    background:#20c4ab;
  }
  .search-engine-tabs .search-engine-gear{
    width:30px;
    padding:0;
    font-size:18px;
  }
  .indexSearch > .layui-clear .selectul{}
  .recommendMain{padding:10px 0 0 0;max-width:100%}
  ul.web_group{white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;}
    ul.web_group::-webkit-scrollbar {
    display: none;
}
  .web_group li{
   display: inline-block;
    height:auto;
    background: rgba(255,255,255,0.1);
    margin-right:5px;
    overflow: hidden;
    padding:5px;
    text-align: center;
    max-width:100%;
    vertical-align: top;
    white-space: nowrap;
    word-wrap: break-word;
    position: relative;
    float: none;
    width: auto;
   }
  .web_group li a>.info{float: none;
    padding: 0;
    width: 100%;}
  .web_group li a>.info h3{display: block;
    font-size:14px;
    color: #ddffff;
    line-height:normal;
    overflow: hidden;}
  .web_group li a>.info p{display:none}
  
  .article {
    width: 100% !important;
    padding: 0;
    max-width: inherit;
    margin: 0px auto 10px;
  }
  
  .picad{padding: 0;}
  .indexWebList{margin: 0;
    padding: 10px;}
  .index-web-section{background:#fff;padding:16px 20px 18px;margin-top:13px;box-sizing:border-box;}
  .index-web-section + .index-web-section{margin-top:14px;}
  .index-web-section .index-web-title{height:32px;margin:0 0 12px;padding:0;}
  .index-web-section .index-web-title h3{line-height:32px;padding-left:14px;font-size:17px;font-weight:400;color:#333;}
  .index-web-section .index-web-title h3:before{top:7px;height:18px;}
  .index-web-section > .indexWebList{background:transparent;margin:0;padding:0;}
  .indexWebList + .indexWebList{margin-top:8px;}
  .indexWebList li{width: calc(25% - 5px);
    margin-right: 5px;}
  .indexWebList li a{font-size: 14px;
    line-height: normal;
    padding: 0;text-overflow: ellipsis;}
  .indexWebList li > a .hots{display:none}
  .indexWebList li > a img{width:16px;height:16px;margin-right:5px}
  
  .txdh-other .txdh-left{width:100%}
  .txdh-other .txdh-right{float:none !important;width:100%; overflow:hidden}
  .txdh-other .txdh-right>div:nth-child(1){
    padding:10px!important;
  }
  .list:nth-child(2){margin-top:0}
  .list{margin-bottom:0}
  .list .titles{margin-right:15px;font-size:14px;width:38px;position:relative;color:#24a500}
  .list .titles:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 15px;
    top: 50%;
    right: 0;
    margin-top: -7.5px;
    background-color: #ECECEC;
}
  .list ul{position: relative;overflow: hidden;height: 40px;width: calc(100% - 55px);}
  .list ul li{width:calc((100% - 18px) / 4);margin-right:0;padding:0 2px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left}
  .list ul li:last-child{width:18px !important;position:absolute;top:0;right:0;padding:0;text-align:center}
  .list ul li a{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .list ul li:not(:last-child) a{display:block;text-align:center}
  .list ul li a img{display:none}
  .list:nth-child(5n){padding-bottom:17.5px;margin-bottom:17.5px;border-bottom:1px solid #F9F9F9;}
  .newslist{padding: 10px;}
  .newslist ul{height:auto}
  .newslist ul li{width:100%}
  .link{padding:10px}
  footer{padding:0 0 10px;background:none}
  footer>div ul{margin:0 auto;text-align: center;}
  footer>div ul li{width:auto;margin:0 auto;padding:0 5px}
  .page-sidebar{display:none}
  
  .indexSearch {
    background-size: cover;
    padding: 0 0.8rem;
    padding-top: 0.7rem;
    padding-bottom: 0.55rem;
}
/*网站分类*/
.other-header{border-bottom: 1px solid #F6F6F6; position:fixed;background:#fff}
.other-header .open-panel{color:#000;}
.fenlei{padding:10px;margin-top:60px;border-bottom: 1px solid #f7f7f7;}
.fenlei .title{display:none}
.fenlei ul{margin:0;white-space:nowrap;overflow-y:hidden;overflow-x: auto;}
.fenlei ul li{width: auto;margin: 0 5px 0 0;    display: inline-block;float:none}
.fenlei ul li a {
    background: none;
    border: 0;
    height: 30px;
    line-height: 30px;
}
.fenlei ul li a:hover,.fenlei ul li .hover{
    border:0;
    background:none;
    color:#fe5a26;
}

.fenlei ul::-webkit-scrollbar{display:none;}
.lists{margin-top:0;}
 .lists ul li{width:100%;padding:10px;height:auto}
 .lists ul li a .img{width:140px;float:left}
 .lists ul li a .img img{max-width:100%}
 #logLeftList{width:100%;margin:0;white-space:nowrap;overflow-y:hidden;overflow-x: auto;padding-top:70px}
 #logLeftList::-webkit-scrollbar{display:none;}
 #logLeftList li{margin:0 10px 0 0;display:inline-block}
#logLeftList li a {
    padding: 5px;
    height: auto;
    line-height: normal;
    font-size: 14px;
}
 #logLeftList li a img{display:none}
 #logRightList{float:none;width:100%;clear: both;padding-top:10px}
 #logRightList .ulttile{display:none}
 #updatelist{margin-top:0;}
 #updatelist li{padding:0;}
 #updatelist li>div:nth-child(1), #updatelist li>div:nth-child(4), #updatelist li>div:nth-child(5){display:none}
 #updatelist li>div:nth-child(2){width:calc(100% - 100px)}
 #updatelist li>div:nth-child(3){width:92px}
 .arLeft{width:100%;padding-top:18px;margin-right:0;padding-bottom:10px;}
 .arLeft>h1{font-size:22px}
 .arLeft>.user{margin-top:10px;font-size:12px}
 .arLeft>.content{margin-top:0;padding:10px}
 .arLeft>.address{padding:10px}
 .downbtn a{width:auto;font-size:14px;padding:10px;line-height:normal;height:auto}
 .arRight{width:100%;margin-top:10px;clear:both;padding:0 10px 10px;overflow: hidden;}
 .toollist{margin-top:60px}
 .toollist li{width:100%;margin-right:0;margin-top:0;border-bottom: 1px solid #f7f7f7}
 .toollist li a{padding:20px}
 .toollist li a .info h3{font-weight:normal;font-size:16px}
 .bg{width: 100%;
    background: url(../img/topbg.png) no-repeat center center;
    background-size: cover;
    display: block;
    height:200px;
    position: relative;
    margin-top:60px;}
 .bg img {
    width: 83%;
    display: block;
    margin: 0px auto;
    position: absolute;
    left: 50%;
    top: 35%;
    transform: translate(-50%, -50%);
}
.hotmenu {
    width: 100%;
    height: auto;
    bottom: 25px;
    position: absolute;
}
.hotmenu ul {
    position: initial;
    display: flex;
    text-align: center;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
}
.hotmenu ul li{margin:0 5px;}
.hotmenu ul li a{width:auto;height:auto;line-height:normal;padding:5px}
#hotpageContent {
    margin-top: 0;
    width: 100%;
    max-width: 100%;
}
#hotpageContent ul{margin-top:0;}
#hotpageContent ul li{padding:10px}
#hotpageContent ul li .number {
    width: 26px;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    font-size:16px
}
#hotpageContent ul li .weblogo{display:none}
#hotpageContent ul li .introduce{width:calc(100% - 100px);height:30px;line-height:30px; white-space:nowrap; overflow:hidden;padding:0;text-overflow:ellipsis;}
#hotpageContent ul li .introduce a{color:#9c9c9c}
#hotpageContent ul li .go{display:none}
#hotpageContent ul li .click {
    margin-left: 10px;
    width: auto;
    height: 30px;
    line-height: 30px;
    float: right;
    padding-right:5px;
    text-align: right;
}
body.rank-page .bg {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    height: auto !important;
    min-height: 300px !important;
    margin-top: 60px !important;
    padding: 36px 12px 86px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}
body.rank-page .bg > img {
    position: static !important;
    width: 360px !important;
    max-width: 84% !important;
    height: auto !important;
    margin: 0 auto !important;
    transform: none !important;
}
body.rank-page .hotmenu {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    margin-top: 28px !important;
}
body.rank-page .hotmenu ul {
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
    width: auto !important;
    margin: 0 auto !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
    -webkit-overflow-scrolling: touch;
}
body.rank-page .hotmenu ul::-webkit-scrollbar {
    display: none;
}
body.rank-page .hotmenu ul li {
    flex: 0 0 auto !important;
    margin: 0 !important;
}
body.rank-page .hotmenu ul li a {
    min-width: 92px !important;
    height: 34px !important;
    line-height: 32px !important;
    padding: 0 14px !important;
    box-sizing: border-box !important;
}
body.rank-page #hotpageContent {
    width: calc(100% - 20px) !important;
    max-width: calc(100% - 20px) !important;
    margin: -54px auto 48px !important;
    padding: 0 !important;
}
#sqpagebg {
    background-size: 100% 50% !important;
    width: 100%;
    top: 20%;
    left: 0;
    right: 0;
    margin: 0 auto;
    line-height: normal;
}
#pagemenu {
    width: 100%;
    border-right: 0;
    border-bottom: 1px solid #eee;
    padding: 10px 10px 0;
    justify-content: center;
    display: flex;
}
#pagemenu a {
    float: left;
    margin: 0 10px 10px 0;
    height: 30px;
    line-height: 30px;
}
#pagemenu a i{display:none}
#sqcontent {
    clear: both;
    float: none;
    padding: 10px;
    width: 100%;
}
#sqcontent .send{width:100%}
#sqcontent .tj{clear:both;width:100%;float:left;max-width:100%}
#sqcontent .layui-form-item .layui-inline{display:inline-block;margin-bottom:0}
#pagecontent{width:100%;padding:10px}
.webnavlog .info {
    background: #fff;
    padding: 0 10px;
    padding-bottom: 46px;
    margin-top: 63px;
}
.webnavlog .info .left{width:100%}
.webnavlog .info .right{width:100%;float:left;margin-top:20px}
.webnavlog .info .right ul{margin-top:0}
.webnavlog .info .right ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 53px;
    padding-right: 0;
    margin-bottom: 0px;
    border-bottom: 1px dashed #edf1f5;
}
.webnavlog .info .right ul li.extra-weight {
    display: none;
}
.webnavlog .info .right ul li span {
    float: none;
    flex: 0 0 40%;
    width: 40%;
    height: auto;
    line-height: normal;
    color: #8c98a8;
    font-size: 15px;
}
.webnavlog .info .right ul li a {
    float: none;
    display: block;
    flex: 0 0 60%;
    width: 60%;
    max-width: 60%;
    height: auto;
    line-height: normal;
    margin-left: 0;
    color: #617084!important;
    font-size: 15px;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.webnavlog .info .right ul li a img.star {
    height: 14px;
    margin-top: 0;
}
.webnavlog .info .right ul li a img.pr {
    height: 27px;
    vertical-align: middle;
}
.webnavlog .info .right ul li a#todayClick:after,
.webnavlog .info .right ul li a#monthClick:after,
.webnavlog .info .right ul li a#countClick:after {
    content: " 人次";
}
.webnavlog .info .detail-share {
    right: auto;
    bottom: auto;
    flex: 0 0 auto;
}
.webnavlog .info .detail-share-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 82px;
    height: 52px;
    line-height: normal;
    box-sizing: border-box;
    font-size: 15px;
}
.webnavlog .info .baidu-index-check {
    position: relative;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}
.baidu-index-card {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: 176px;
    min-width: 176px;
    height: 52px;
    padding: 9px 12px;
    border: 1px solid #e4e8ee;
    border-radius: 0;
    background: #fff;
    box-sizing: border-box;
    color: inherit;
    cursor: pointer;
    font-family: inherit;
    line-height: normal;
    text-align: left;
    -webkit-appearance: none;
    appearance: none;
    transition: border-color .2s ease, background .2s ease;
}
.baidu-index-card:hover {
    border-color: #cfd8e3;
    background: #fbfcfd;
}
.baidu-index-card:focus {
    outline: none;
    border-color: #8298b4;
}
.baidu-index-card:disabled {
    cursor: default;
    opacity: .85;
}
.baidu-index-card.is-loading {
    border-color: #b9d6ff;
    background: #f3f8ff;
    cursor: wait;
}
.baidu-index-card.is-included {
    border-color: #bfe8d4;
    background: #f0fbf6;
}
.baidu-index-card.is-not-included {
    border-color: #f1d58f;
    background: #fffaf0;
}
.baidu-index-card.is-error {
    border-color: #ffc5b9;
    background: #fff3f0;
}
.baidu-index-icon {
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    background: #8298b4;
    color: #fff;
    font-family: SimSun, "Songti SC", serif;
    font-size: 19px;
    font-weight: 600;
    line-height: 30px;
    text-align: center;
}
.baidu-index-text {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
}
.baidu-index-name {
    color: #2d3b49;
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
}
.baidu-index-card.is-loading .baidu-index-icon {
    background: #4f91e8;
}
.baidu-index-card.is-included .baidu-index-icon {
    background: #28b77f;
}
.baidu-index-card.is-not-included .baidu-index-icon {
    background: #ff9300;
}
.baidu-index-card.is-error .baidu-index-icon {
    background: #f06449;
}
.baidu-index-card.is-loading .baidu-index-name {
    color: #2f80ed;
}
.baidu-index-card.is-included .baidu-index-name {
    color: #1d9a68;
}
.baidu-index-card.is-not-included .baidu-index-name {
    color: #d46f00;
}
.baidu-index-card.is-error .baidu-index-name {
    color: #d94d34;
}
.baidu-index-status {
    min-width: 48px;
    margin-top: 1px;
    color: #98a2ad;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}
.baidu-index-status.is-loading {
    color: #2f80ed;
}
.baidu-index-status.is-included {
    color: #7f9b8e;
}
.baidu-index-status.is-not-included {
    color: #98a2ad;
}
.baidu-index-status.is-error {
    color: #f06449;
}
.webnavlog .other{padding: 10px;}
.webnavlog .lists{padding:10px}
#pagecontent .title,#sqcontent .title{display:none}
.txdh-other .txdh-left .update{padding:10px}
#urlbox{width: calc(74% - 110px) !important;}
.title h3{font-size:14px;padding-left:10px;}
.title h3:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 15px;
    height: 13px;
    width: 2px;
    background: #20c4ab;
}
.tools{padding:10px}
footer>div .copart{margin-top:0;line-height:25px}
.newslist ul li a .info h3{font-size:13px}
.back-left {
    color: #333;
    width: 40px;
    height: 55px;
    line-height: 55px;
    position: absolute;
    top: 0;
    left: 10px;
    font-size: 20px;
}
#headname{font-size:18px;line-height:55px;}
.content > .left li .hover{background:none;border:0;color:#C93}
.updatelist li{margin-bottom:0}
.updatelist li a,.updatelist li span{font-size:12px;height:30px;line-height:30px}
.content > .right .updatelist li div{padding-left:10px}
#updatelist li>div:nth-child(3){font-size:12px}
.nobg-page .other-header{background:#fff;border-bottom:1px solid #eef1f5;}
.nobg-page .bg{margin-top:60px}
.nobg-page .other-header .open-panel,.nobg-page .back-left{color:#111}
}

body.mobile-page .indexSearch {
    height: auto !important;
    padding: 88px 12px 36px !important;
    overflow: hidden;
    box-sizing: border-box;
    background-size: cover !important;
}

body.mobile-page .indexSearch > .layui-clear {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    box-sizing: border-box;
}

body.mobile-page .indexSearch > .layui-clear .search-box {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 44px !important;
    overflow: hidden;
    box-sizing: border-box;
}

body.mobile-page .indexSearch > .layui-clear input {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    height: 44px !important;
    line-height: 24px !important;
    padding: 8px 12px 8px 50px !important;
    font-size: 14px !important;
    box-sizing: border-box;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23a6b4c0' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: 18px center !important;
    background-size: 18px 18px !important;
}

body.mobile-page .indexSearch > .layui-clear .btn {
    flex: 0 0 48px !important;
    width: 48px !important;
    height: 44px !important;
    line-height: 44px !important;
    display: block !important;
}

body.mobile-page .indexSearch > .layui-clear .btn .layui-icon {
    font-size: 22px !important;
}

body.mobile-page .search-engine-tabs {
    justify-content: flex-start !important;
    gap: 7px !important;
    margin-top: 12px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
    padding: 0 2px 2px !important;
    -webkit-overflow-scrolling: touch;
}

body.mobile-page .search-engine-tabs::-webkit-scrollbar {
    display: none;
}

body.mobile-page .search-engine-tabs button {
    flex: 0 0 auto !important;
    height: 30px !important;
    line-height: 28px !important;
    padding: 0 13px !important;
    font-size: 14px !important;
}

body.mobile-page .search-engine-tabs .search-engine-gear {
    width: 30px !important;
    padding: 0 !important;
}

body.mobile-page .latest-visit {
    padding: 10px 10px 2px !important;
    margin-top: 8px !important;
    background: #fff !important;
    overflow: hidden;
}

body.mobile-page .latest-visit ul {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    margin-top: 10px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

body.mobile-page .latest-visit ul::-webkit-scrollbar {
    display: none;
}

body.mobile-page .latest-visit li {
    flex: 0 0 86px !important;
    float: none !important;
    width: 86px !important;
    margin: 0 0 12px !important;
}

body.mobile-page .latest-visit li:nth-child(7n) {
    margin-right: 0 !important;
}

body.mobile-page .latest-visit li:nth-child(4n) {
    margin-right: 0 !important;
}

body.mobile-page .latest-visit li a {
    height: 108px !important;
    padding: 10px 4px 8px !important;
}

body.mobile-page .latest-visit li img {
    width: 38px !important;
    height: 38px !important;
    margin-bottom: 5px !important;
}

body.mobile-page .latest-visit li h3 {
    height: 18px !important;
    line-height: 18px !important;
    font-size: 13px !important;
}

body.mobile-page .latest-visit li span {
    height: 22px !important;
    line-height: 22px !important;
    margin-top: 2px !important;
    padding: 0 8px !important;
    font-size: 12px !important;
}

body.mobile-page .article > .txdh-other {
    clear: both !important;
    position: relative !important;
    z-index: 1 !important;
}

body.mobile-page .tools {
    clear: both !important;
    position: relative !important;
    z-index: 1 !important;
    margin-top: 8px !important;
}

body.mobile-page .update,
body.mobile-page .top,
body.mobile-page .bottomas {
    display: none !important;
}

body.mobile-page {
    overflow-x: hidden;
}

body.mobile-page .article,
body.mobile-page article.article {
    width: auto !important;
    max-width: calc(100% - 20px) !important;
    margin: 0 auto 48px !important;
    padding: 0 !important;
    box-sizing: border-box;
}

body.mobile-page .article > *,
body.mobile-page article.article > * {
    box-sizing: border-box;
}

body.mobile-page .indexSearch + .article {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto 24px !important;
}

body.mobile-page .fenlei {
    margin-top: 60px !important;
    padding: 10px 10px 8px !important;
    background: #fff !important;
}

body.mobile-page .lists {
    width: 100% !important;
    max-width: 100% !important;
    margin: 10px 0 0 !important;
    padding: 10px !important;
    box-sizing: border-box;
}

body.mobile-page .lists ul {
    display: block !important;
    width: 100% !important;
}

body.mobile-page .lists ul li,
body.mobile-page .lists ul li:nth-child(1),
body.mobile-page .lists ul li:nth-child(2),
body.mobile-page .lists ul li:nth-child(3),
body.mobile-page .lists ul li:nth-child(3n),
body.mobile-page .lists ul li:nth-child(4n) {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 0 10px !important;
    padding: 12px !important;
    border: 1px solid #eef1f5 !important;
    box-sizing: border-box;
    transform: none !important;
}

body.mobile-page .lists ul li a {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

body.mobile-page .lists ul li a .img {
    flex: 0 0 72px !important;
    width: 72px !important;
    height: 54px !important;
    float: none !important;
}

body.mobile-page .lists ul li a .img img {
    max-width: 72px !important;
    max-height: 54px !important;
}

body.mobile-page .lists ul li a .introduce {
    flex: 1 !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    line-height: 20px !important;
    font-size: 13px !important;
}

body.mobile-page .webnavlog {
    width: auto !important;
    max-width: calc(100% - 20px) !important;
    margin: 70px auto 48px !important;
}

body.mobile-page .webnavlog .info,
body.mobile-page .webnavlog .other,
body.mobile-page .webnavlog .lists,
body.mobile-page .webnavlog .comments-section {
    width: 100% !important;
    padding: 14px !important;
    box-shadow: none !important;
    box-sizing: border-box;
}

body.mobile-page .webnavlog .info {
    display: block !important;
    margin-top: 0 !important;
    padding-bottom: 14px !important;
}

body.mobile-page .webnavlog .info .left,
body.mobile-page .webnavlog .info .right {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
}

body.mobile-page .webnavlog .info .left .img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 10;
    background-size: cover !important;
}

body.mobile-page .webnavlog .info .left .img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

body.mobile-page .webnavlog .href {
    height: 42px !important;
    line-height: 42px !important;
    margin-top: 12px !important;
}

body.mobile-page .webnavlog .aboutthis {
    margin-top: 10px !important;
}

body.mobile-page .webnavlog .info .right {
    margin-top: 16px !important;
}

body.mobile-page .webnavlog .detail-title-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 166px 72px !important;
    align-items: stretch !important;
    gap: 10px 12px !important;
    margin: 0 0 14px !important;
}

body.mobile-page .webnavlog .info .right .web-title {
    grid-column: 1 / -1 !important;
    min-width: 0 !important;
    height: auto !important;
    line-height: 24px !important;
    font-size: 20px !important;
    white-space: normal !important;
}

body.mobile-page .webnavlog .info .baidu-index-check {
    grid-column: 2 !important;
    width: 100% !important;
    margin: 0 !important;
}

body.mobile-page .baidu-index-card {
    width: 166px !important;
    min-width: 0 !important;
    height: 48px !important;
    gap: 8px !important;
    padding: 8px 10px !important;
}

body.mobile-page .baidu-index-icon {
    flex-basis: 28px !important;
    width: 28px !important;
    height: 28px !important;
    font-size: 18px !important;
    line-height: 28px !important;
}

body.mobile-page .baidu-index-name {
    font-size: 14px !important;
    line-height: 17px !important;
}

body.mobile-page .baidu-index-status {
    min-width: 44px !important;
    font-size: 12px !important;
}

body.mobile-page .webnavlog .info .detail-share,
body.mobile-page .detail-share {
    display: block !important;
    grid-column: 3 !important;
    position: relative !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    height: 48px !important;
    margin: 0 !important;
    z-index: 10 !important;
}

body.mobile-page .webnavlog .info .detail-share-btn,
body.mobile-page .detail-share-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 48px !important;
    line-height: normal !important;
    box-sizing: border-box !important;
    font-size: 13px !important;
}

body.mobile-page .detail-share-panel {
    top: 56px !important;
    right: 0 !important;
    bottom: auto !important;
}

body.mobile-page .webnavlog .info .right ul {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin: 0 !important;
}

body.mobile-page .webnavlog .info .right ul li,
body.mobile-page .webnavlog .info .right ul li.detail-weight {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    float: none !important;
    width: 100% !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    border: 1px solid #eef1f5 !important;
    background: #fbfcfd !important;
    box-sizing: border-box;
}

body.mobile-page .webnavlog .info .right ul li.extra-weight {
    display: none !important;
}

body.mobile-page .webnavlog .info .right ul li span,
body.mobile-page .webnavlog .info .right ul li.detail-weight span {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 82px !important;
    height: auto !important;
    line-height: 20px !important;
    font-size: 14px !important;
    color: #8b96a6 !important;
}

body.mobile-page .webnavlog .info .right ul li a,
body.mobile-page .webnavlog .info .right ul li.detail-weight a {
    flex: 1 1 auto !important;
    display: block !important;
    width: auto !important;
    max-width: calc(100% - 92px) !important;
    height: auto !important;
    line-height: 20px !important;
    margin-left: 10px !important;
    text-align: right !important;
    font-size: 14px !important;
    color: #34495e !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.mobile-page .webnavlog .info .right ul li.detail-weight a {
    flex: 0 0 auto !important;
    max-width: 76px !important;
    overflow: visible !important;
}

body.mobile-page .webnavlog .info .right ul li a img.star {
    height: 14px !important;
}

body.mobile-page .webnavlog .info .right ul li a img.pr,
body.mobile-page .webnavlog .info .right ul li.detail-weight img.pr {
    display: inline-block !important;
    max-width: 72px !important;
    height: auto !important;
    vertical-align: middle !important;
}

@media (max-width: 360px) {
    body.mobile-page .webnavlog .detail-title-row {
        grid-template-columns: minmax(0, 1fr) 150px 64px !important;
        gap: 10px 8px !important;
    }

    body.mobile-page .baidu-index-card {
        width: 150px !important;
    }
}

body.mobile-page .webnavlog .other {
    margin-top: 12px !important;
}

body.mobile-page .webnavlog .other .introduce,
body.mobile-page .webnavlog .porShi {
    padding: 12px !important;
    line-height: 26px !important;
}

body.mobile-page .webnavlog .title h3 {
    font-size: 16px !important;
}

body.mobile-page .txdh-idea-page,
body.mobile-page .txdh-send-page,
body.mobile-page .txdh-static-page {
    padding-top: 0 !important;
}

body.mobile-page .txdh-idea-wrap,
body.mobile-page .txdh-send-wrap {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
}

body.mobile-page .idea.txdh-idea-form,
body.mobile-page .send.txdh-send-form,
body.mobile-page .txdh-static-page,
body.mobile-page .txdh-idea-tips,
body.mobile-page .txdh-send-tips {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 10px 0 0 !important;
    padding: 14px !important;
    box-sizing: border-box;
    box-shadow: none !important;
}

body.mobile-page .txdh-send-url-row,
body.mobile-page .txdh-send-two-col,
body.mobile-page .txdh-send-media-row,
body.mobile-page .txdh-send-pay-row,
body.mobile-page .txdh-send-pay-row[style*="display: block"],
body.mobile-page .txdh-send-pay-row[style*="display:block"],
body.mobile-page .txdh-send-form .txdh-submit-actions {
    display: block !important;
}

body.mobile-page .txdh-send-url-row .layui-inline,
body.mobile-page .txdh-send-url-row #urlbox,
body.mobile-page .txdh-send-two-col .layui-inline,
body.mobile-page .txdh-send-media-row .layui-inline,
body.mobile-page .txdh-send-pay-row .layui-inline,
body.mobile-page .txdh-send-full-row .layui-inline,
body.mobile-page #urlbox {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 10px !important;
    box-sizing: border-box;
}

body.mobile-page .txdh-send-form .layui-btn-primary,
body.mobile-page .txdh-send-form .txdh-submit-actions button.btn,
body.mobile-page .idea.txdh-idea-form input[type='submit'] {
    width: 100% !important;
}

body.mobile-page .txdh-send-form .txdh-submit-actions button.btn {
    margin: 0 0 10px !important;
}

body.mobile-page .txdh-idea-code img {
    flex: 0 0 112px !important;
    width: 112px !important;
}

body.mobile-page.inner-page .headerwrap.other-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    background: #fff !important;
    border-bottom: 1px solid #eef1f5 !important;
    box-shadow: 0 2px 10px rgba(21, 39, 58, .04) !important;
}

body.mobile-page.inner-page .headerwrap.other-header .listBtn,
body.mobile-page.inner-page .headerwrap.other-header .open-panel,
body.mobile-page.inner-page .headerwrap.other-header .back-left {
    color: #111 !important;
}

body.mobile-page.detail-page .article {
    margin-top: 72px !important;
}

body.mobile-page.detail-page .webnavlog {
    margin-top: 72px !important;
}

body.mobile-page.page-hero-page .bg {
    margin-top: 60px !important;
}

body.mobile-page .article-list-page .fenlei,
body.mobile-page .article-list-page .toollist {
    margin-top: 0 !important;
}

body.mobile-page .toollist {
    width: auto !important;
    max-width: calc(100% - 20px) !important;
    margin: 70px auto 48px !important;
    display: block !important;
}

body.mobile-page.tools-page .article-tool-list-page .toollist {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 48px !important;
}

body.mobile-page .toollist li,
body.mobile-page .toollist li:nth-child(1),
body.mobile-page .toollist li:nth-child(2),
body.mobile-page .toollist li:nth-child(3),
body.mobile-page .toollist li:nth-child(3n) {
    width: 100% !important;
    margin: 0 0 10px !important;
}

body.mobile-page #hotpageContent {
    width: auto !important;
    max-width: calc(100% - 20px) !important;
    margin: 0 auto 48px !important;
}

body.mobile-page #hotpageContent ul li,
body.mobile-page .lists li {
    box-sizing: border-box;
}

body.mobile-page .indexSearch + .article > .indexWebList,
body.mobile-page .indexSearch + .article > .latest-visit,
body.mobile-page .indexSearch + .article > .txdh-other,
body.mobile-page .indexSearch + .article > .link,
body.mobile-page .indexSearch + .article > .txdh-ad {
    width: calc(100% - 20px) !important;
    max-width: calc(100% - 20px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
}

body.mobile-page .indexSearch + .article > .txdh-ad {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

body.mobile-page .txdh-ad-text {
    padding: 10px !important;
    background: #fff !important;
}

body.mobile-page .txdh-ad-text ul {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
}

body.mobile-page .txdh-ad-text li {
}

body.mobile-page .txdh-ad-text li > a {
    height: auto !important;
    min-height: 35px !important;
    padding: 6px 10px !important;
}

body.mobile-page .txdh-ad-banner {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
}

body.mobile-page .txdh-ad-banner a {
    height: 80px !important;
}

body.mobile-page .txdh-ad-banner span {
    right: 10px !important;
    font-size: 12px !important;
    padding: 6px 8px !important;
}

body.mobile-page .indexSearch + .article > .indexWebList {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 10px !important;
    background: #fff !important;
}

body.mobile-page .indexSearch + .article > .index-web-section {
    width: calc(100% - 20px) !important;
    max-width: calc(100% - 20px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 10px !important;
    background: #fff !important;
    box-sizing: border-box;
}

body.mobile-page .index-web-section + .index-web-section,
body.mobile-page .indexWebList + .indexWebList {
    margin-top: 10px !important;
}

body.mobile-page .index-web-section .index-web-title {
    height: 32px !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
}

body.mobile-page .index-web-section .index-web-title h3 {
    font-size: 17px !important;
    font-weight: 400 !important;
}

body.mobile-page .index-web-section > .indexWebList {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px 8px !important;
    padding: 0 !important;
    background: transparent !important;
}

body.mobile-page .index-web-section > .indexWebList > li,
body.mobile-page .index-web-section > .indexWebList > li:nth-child(4n),
body.mobile-page .index-web-section > .indexWebList > li:nth-child(7n) {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    overflow: hidden !important;
}

body.mobile-page .index-web-section > .indexWebList > li > a {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    height: auto !important;
    line-height: 18px !important;
    padding: 4px 0 !important;
    font-size: 12px !important;
    color: #333 !important;
    white-space: nowrap !important;
}

body.mobile-page .index-web-section > .indexWebList > li > a img {
    flex: 0 0 auto !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 6px 0 0 !important;
    border-radius: 4px !important;
}

body.mobile-page .index-web-section > .indexWebList > li > a .xl,
body.mobile-page .index-web-section > .indexWebList > li .info {
    display: none !important;
}

body.mobile-page .indexSearch + .article > .txdh-other {
    display: block !important;
    margin-top: 10px !important;
}

body.mobile-page .indexSearch + .article .txdh-right,
body.mobile-page .indexSearch + .article .txdh-left {
    float: none !important;
    width: 100% !important;
}

body.mobile-page .indexSearch + .article .txdh-right > div,
body.mobile-page .indexSearch + .article .txdh-left > div,
body.mobile-page .indexSearch + .article .tools,
body.mobile-page .indexSearch + .article .newslist,
body.mobile-page .indexSearch + .article .latest-visit,
body.mobile-page .indexSearch + .article .link {
    margin-top: 10px !important;
    padding: 12px !important;
    background: #fff !important;
    box-sizing: border-box;
}

body.mobile-page .indexSearch + .article .list {
    display: flex !important;
    align-items: center !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 0 !important;
}

body.mobile-page .indexSearch + .article .list .titles {
    flex: 0 0 58px !important;
    width: 58px !important;
    margin-right: 8px !important;
    margin-left: 6px !important;
    padding-left: 6px !important;
    font-size: 13px !important;
    color: #24a500 !important;
}

body.mobile-page .indexSearch + .article .list ul {
    flex: 1 !important;
    width: auto !important;
    height: 42px !important;
    white-space: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
}

body.mobile-page .indexSearch + .article .list ul::-webkit-scrollbar {
    display: none;
}

body.mobile-page .indexSearch + .article .list ul {
    white-space: normal !important;
    overflow-x: hidden !important;
}

body.mobile-page .indexSearch + .article .list ul li {
    display: inline-block !important;
    float: none !important;
    width: calc((100% - 18px) / 4) !important;
    margin-right: 0 !important;
    padding: 0 2px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.mobile-page .indexSearch + .article .list ul li:last-child {
    width: 18px !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    white-space: normal !important;
    overflow: visible !important;
}

body.mobile-page .indexSearch + .article .list ul li a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 42px !important;
    line-height: 42px !important;
    font-size: 13px !important;
    overflow: hidden !important;
    text-align: center !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
}

body.mobile-page .indexSearch + .article .list ul li a img {
    display: none !important;
}

body.mobile-page .indexSearch + .article .list ul li a .dh-nav-title {
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-align: center !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
}

body.mobile-page .indexSearch + .article .list ul li:not(:last-child) a {
    justify-content: center !important;
    width: 100% !important;
    text-align: center !important;
}

html.txdh-dark-mode body.mobile-page .indexSearch + .article .txdh-right > div:first-child,
html.txdh-dark-mode body.mobile-page .indexSearch + .article .txdh-right > div:first-child .list {
    background: transparent !important;
    box-shadow: none !important;
}

body.mobile-page .indexSearch + .article .tools {
    margin-top: 10px !important;
}

body.mobile-page .indexSearch + .article .tools > a {
    float: left !important;
    width: 25% !important;
    height: 78px !important;
    margin: 0 0 10px !important;
    padding: 8px 4px !important;
    text-align: center !important;
    font-size: 12px !important;
}

body.mobile-page .indexSearch + .article .tools > a img {
    width: 38px !important;
    height: 38px !important;
    margin: 0 auto 7px !important;
}

body.mobile-page .indexSearch + .article .newslist ul li {
    width: 100% !important;
    margin: 0 0 8px !important;
    padding: 10px !important;
    border: 1px solid #eef1f5 !important;
}

body.mobile-page .indexSearch + .article .link {
    margin-bottom: 36px !important;
}

body.mobile-page .indexSearch + .article .link ul li {
    float: left !important;
    width: auto !important;
    margin: 0 8px 8px 0 !important;
}

body.mobile-page .indexSearch + .article .link ul li a {
    display: block !important;
    height: 28px !important;
    line-height: 28px !important;
    padding: 0 10px !important;
    background: #f3f6f9 !important;
    font-size: 12px !important;
}

body.mobile-page #hotpageContent {
    width: calc(100% - 20px) !important;
    max-width: calc(100% - 20px) !important;
    margin: -44px auto 48px !important;
    padding: 0 !important;
}

body.mobile-page #hotpageContent > div {
    width: 100% !important;
    min-width: 0 !important;
}

body.mobile-page.rank-page .bg {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    height: auto !important;
    min-height: 300px !important;
    margin-top: 60px !important;
    padding: 36px 12px 86px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

body.mobile-page.rank-page .bg > img {
    position: static !important;
    width: 340px !important;
    max-width: 84% !important;
    height: auto !important;
    margin: 0 auto !important;
    transform: none !important;
}

body.mobile-page.rank-page .bg .type {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin-top: 28px !important;
    overflow: visible !important;
}

body.mobile-page.rank-page .bg .type ul {
    display: flex !important;
    position: static !important;
    width: auto !important;
    gap: 8px !important;
    justify-content: center !important;
    transform: none !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
    -webkit-overflow-scrolling: touch;
}

body.mobile-page.rank-page .bg .type ul::-webkit-scrollbar {
    display: none;
}

body.mobile-page.rank-page .bg .type li {
    flex: 0 0 auto !important;
    width: auto !important;
}

body.mobile-page.rank-page .bg .type li a {
    width: auto !important;
    min-width: 92px !important;
    height: 34px !important;
    line-height: 32px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    font-size: 13px !important;
    box-sizing: border-box;
}

body.mobile-page #hotpageContent .lists {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-shadow: 0 8px 24px rgba(21, 39, 58, .08) !important;
    background: #fff !important;
}

body.mobile-page #hotpageContent .lists li,
body.mobile-page #hotpageContent .lists li:nth-child(1),
body.mobile-page #hotpageContent .lists li:nth-child(2),
body.mobile-page #hotpageContent .lists li:nth-child(3),
body.mobile-page #hotpageContent .lists li:nth-child(3n),
body.mobile-page #hotpageContent .lists li:nth-child(4n) {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 64px !important;
    margin: 0 !important;
    padding: 11px 12px !important;
    border: 0 !important;
    border-bottom: 1px solid #eef1f5 !important;
    background: #fff !important;
    box-sizing: border-box;
}

body.mobile-page #hotpageContent .lists li:last-child {
    border-bottom: 0 !important;
}

body.mobile-page #hotpageContent .lists li .number {
    display: block !important;
    flex: 0 0 34px !important;
    width: 34px !important;
    height: 40px !important;
    line-height: 40px !important;
    margin: 0 10px 0 0 !important;
    color: #c5cdd5 !important;
    font-size: 16px !important;
    text-align: center !important;
    background-size: 82% !important;
}

body.mobile-page #hotpageContent .lists li .weblogo {
    display: block !important;
    flex: 0 0 42px !important;
    width: 42px !important;
    height: 42px !important;
    line-height: 42px !important;
    margin: 0 10px 0 0 !important;
}

body.mobile-page #hotpageContent .lists li .weblogo img {
    width: 42px !important;
    height: 42px !important;
    max-width: 42px !important;
    max-height: 42px !important;
    padding: 4px !important;
    border: 1px solid #eef1f5 !important;
    border-radius: 7px !important;
    background: #f8fafc !important;
    box-sizing: border-box !important;
    object-fit: contain !important;
}

body.mobile-page #hotpageContent .lists li .introduce {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 20px !important;
    color: #1f2d3d !important;
    font-size: 14px !important;
    text-align: left !important;
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.mobile-page #hotpageContent .lists li .introduce a {
    display: block !important;
    color: #1f2d3d !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.mobile-page #hotpageContent .lists li .click {
    flex: 0 0 46px !important;
    width: 46px !important;
    height: auto !important;
    line-height: 20px !important;
    margin: 0 0 0 8px !important;
    color: #ff7f0e !important;
    font-size: 13px !important;
    text-align: right !important;
}

body.mobile-page #hotpageContent .lists li .go {
    display: none !important;
}

@media screen and (max-width: 990px) {
    body.inner-page .headerwrap.other-header {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        background: #fff !important;
        border-bottom: 1px solid #eef1f5 !important;
        box-shadow: 0 2px 10px rgba(21, 39, 58, .04) !important;
    }

    body.inner-page .headerwrap.other-header .listBtn,
    body.inner-page .headerwrap.other-header .open-panel,
    body.inner-page .headerwrap.other-header .back-left {
        color: #111 !important;
    }

    body.detail-page .article {
        margin-top: 72px !important;
    }

    body.detail-page .webnavlog {
        margin-top: 72px !important;
    }

    body.page-hero-page .bg {
        margin-top: 60px !important;
    }

    body.listing-page article.article {
        margin-top: 72px !important;
    }

    body.listing-page .fenlei,
    body.listing-page .toollist {
        margin-top: 0 !important;
    }

    body.listing-page #logLeftList {
        padding-top: 0 !important;
    }
}

.footer {
    position: relative;
    margin-top: 48px;
    padding: 36px 0 30px !important;
    overflow: hidden;
    background: #fff !important;
    border-top: 1px solid #eef2f6;
    box-shadow: 0 -10px 28px rgba(31, 45, 61, .035);
}

body:not(.inner-page) .indexSearch + .article + .txdh-footer-wrap .footer {
    margin-top: 0 !important;
}

.footer > div {
    position: relative;
    z-index: 1;
}

.footer > div ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 9px 12px;
}

.footer > div ul li {
    width: auto !important;
    display: block;
}

.footer > div ul li a {
    display: block;
    height: 32px;
    line-height: 30px;
    padding: 0 14px;
    transition: color .2s, border-color .2s, box-shadow .2s, transform .2s;
}

.footer > div ul li a:hover {
    color: #20a995;
    border-color: #cceee8;
    box-shadow: 0 7px 16px rgba(32, 196, 171, .09);
    transform: translateY(-1px);
}

.footer > div .copart {
    margin-top: 18px !important;
    line-height: 24px;
    color: #8b96a6;
}

.page-sidebar {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    right: 28px !important;
    bottom: 60px !important;
}

.page-sidebar .side-entry {
    position: relative;
}

.page-sidebar .side-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    line-height: 1;
    border: 1px solid #d9f3ef;
    color: #20a995 !important;
    font-size: 23px;
    background: #ffffff;
    box-shadow: 0 8px 22px rgba(32, 196, 171, .16);
    transition: color .2s, background .2s, border-color .2s, transform .2s, box-shadow .2s;
}

.page-sidebar .side-qq {
    font-size: 0;
}

.page-sidebar .side-wechat {
    font-size: 0;
}

.page-sidebar .side-wechat img {
    display: block;
    width: 28px;
    height: 28px;
    object-fit: contain;
    border-radius: 8px;
}

.page-sidebar .side-qq img {
    display: block;
    width: 28px;
    height: 28px;
    object-fit: contain;
    border-radius: 8px;
}

.page-sidebar .side-qq-group {
    font-size: 0;
}

.page-sidebar .side-qq-group img {
    display: block;
    width: 28px;
    height: 28px;
    object-fit: contain;
    border-radius: 8px;
}

.page-sidebar .side-pop {
    position: absolute;
    right: 58px;
    top: 50%;
    min-width: 128px;
    padding: 10px;
    border: 1px solid #d9f3ef;
    background: #fff;
    box-shadow: 0 10px 28px rgba(24, 39, 63, .14);
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .18s, transform .18s, visibility .18s;
}

.page-sidebar .side-entry:hover .side-pop,
.page-sidebar .side-entry:focus-within .side-pop {
    opacity: 1;
    visibility: visible;
    transform: translate(-4px, -50%);
}

.page-sidebar .side-pop img {
    display: block;
    width: 108px;
    height: 108px;
    object-fit: cover;
}

.page-sidebar .side-pop span {
    display: block;
    width: 108px;
    color: #80909f;
    font-size: 13px;
    line-height: 22px;
    text-align: center;
}

.page-sidebar .side-night {
    font-size: 25px;
}

.page-sidebar .side-tran {
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 1px;
    user-select: none;
}

.page-sidebar .side-top {
    display: none;
}

.page-sidebar.show-top .side-top {
    display: flex;
}

.page-sidebar .side-item:hover {
    color: #fff !important;
    border-color: #20c4ab;
    background: #20c4ab;
    transform: translateY(-2px);
    box-shadow: 0 12px 26px rgba(32, 196, 171, .24);
}

html.txdh-dark-mode body {
    background: #101418 !important;
    color: #d7dee8;
}

html.txdh-dark-mode .headerwrap,
html.txdh-dark-mode .footer,
html.txdh-dark-mode .layui-layer,
html.txdh-dark-mode .commentform,
html.txdh-dark-mode .comm_infobox,
html.txdh-dark-mode .sidebar-box,
html.txdh-dark-mode .right,
html.txdh-dark-mode .log,
html.txdh-dark-mode .log_list,
html.txdh-dark-mode .article,
html.txdh-dark-mode .web-main,
html.txdh-dark-mode .web-card,
html.txdh-dark-mode .site-card,
html.txdh-dark-mode .link-card,
html.txdh-dark-mode .rank-list,
html.txdh-dark-mode .content-wrap,
html.txdh-dark-mode .layui-card {
    background: #171d23 !important;
    border-color: #27313b !important;
    color: #d7dee8 !important;
}

html.txdh-dark-mode a,
html.txdh-dark-mode .title h3,
html.txdh-dark-mode h1,
html.txdh-dark-mode h2,
html.txdh-dark-mode h3,
html.txdh-dark-mode h4 {
    color: #e6edf5;
}

html.txdh-dark-mode a:hover {
    color: #20c4ab;
}

html.txdh-dark-mode p,
html.txdh-dark-mode span,
html.txdh-dark-mode small,
html.txdh-dark-mode li,
html.txdh-dark-mode .text,
html.txdh-dark-mode .desc,
html.txdh-dark-mode .info,
html.txdh-dark-mode .copart {
    color: #aab5c2;
}

html.txdh-dark-mode input,
html.txdh-dark-mode textarea,
html.txdh-dark-mode select,
html.txdh-dark-mode .layui-input,
html.txdh-dark-mode .layui-textarea {
    background: #11171d !important;
    border-color: #2a3642 !important;
    color: #d7dee8 !important;
}

html.txdh-dark-mode .page-sidebar .side-item {
    color: #66dccb !important;
    border-color: #244d49;
    background: #172228;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .22);
}

html.txdh-dark-mode .page-sidebar .side-pop {
    color: #d7dee8;
    border-color: #244d49;
    background: #172228;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .24);
}

html.txdh-dark-mode .page-sidebar .side-pop span {
    color: #9fb0be;
}

html.txdh-dark-mode .page-sidebar .side-item:hover {
    color: #10201e !important;
    border-color: #66dccb;
    background: #66dccb;
}

html.txdh-dark-mode .indexSearch {
    background-color: #111820 !important;
}

html.txdh-dark-mode .indexSearch > .layui-clear .search-box {
    background: #151c23 !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .28);
}

html.txdh-dark-mode .indexSearch > .layui-clear input {
    background: #151c23 !important;
    color: #d8e2ee !important;
}

html.txdh-dark-mode .indexSearch > .layui-clear input::-webkit-input-placeholder {
    color: #7f8b99 !important;
}

html.txdh-dark-mode .indexSearch > .layui-clear .selectul {
    background: #171f27 !important;
    border-color: #2a3642 !important;
}

html.txdh-dark-mode .indexSearch > .layui-clear .selectul li a {
    color: #d7dee8 !important;
}

html.txdh-dark-mode .indexSearch > .layui-clear .selectul li a:hover {
    background: #202a34 !important;
}

html.txdh-dark-mode .indexSearch + .article,
html.txdh-dark-mode .indexSearch + .article > .indexWebList,
html.txdh-dark-mode .indexSearch + .article > .latest-visit,
html.txdh-dark-mode .indexSearch + .article > .txdh-ad-text,
html.txdh-dark-mode .indexSearch + .article .txdh-right > div,
html.txdh-dark-mode .indexSearch + .article .txdh-left > div,
html.txdh-dark-mode .indexSearch + .article .update,
html.txdh-dark-mode .indexSearch + .article .tools,
html.txdh-dark-mode .indexSearch + .article .top,
html.txdh-dark-mode .indexSearch + .article .bottomas,
html.txdh-dark-mode .indexSearch + .article .newslist,
html.txdh-dark-mode .indexSearch + .article .link {
    background: #171d23 !important;
    border-color: #27313b !important;
    color: #d7dee8 !important;
}

html.txdh-dark-mode .txdh-ad-text li,
html.txdh-dark-mode .indexWebList li,
html.txdh-dark-mode .latest-visit li a,
html.txdh-dark-mode .newslist ul li,
html.txdh-dark-mode .txdh-ad-banner a,
html.txdh-dark-mode .tools > a,
html.txdh-dark-mode .link ul li a {
    background: #1d252d !important;
    border-color: #2b3642 !important;
    color: #d7dee8 !important;
}

html.txdh-dark-mode .list .titles,
html.txdh-dark-mode .list ul li a {
    background: transparent !important;
    color: #20c4ab !important;
    border: 0 !important;
}

html.txdh-dark-mode .txdh-ad-text .empty a {
    background: #1b232b !important;
    border-color: #344351 !important;
    color: #98a6b5 !important;
}

html.txdh-dark-mode .txdh-ad-banner span {
    background: rgba(18, 25, 32, .92) !important;
    color: #d7dee8 !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .28);
}

html.txdh-dark-mode .indexWebList li .info {
    background: #1d252d !important;
    box-shadow: 0 12px 26px rgba(0, 0, 0, .32);
}

html.txdh-dark-mode body.mobile-page .indexWebList li .info,
html.txdh-dark-mode .indexWebList li .info {
    border-color: #2e3b48 !important;
}

html.txdh-dark-mode .indexWebList li:hover,
html.txdh-dark-mode .latest-visit li a:hover,
html.txdh-dark-mode .indexWebList li .info a:hover,
html.txdh-dark-mode .txdh-ad-text li.filled > a:not(.txdh-ad-styled):hover {
    background: #23303a !important;
}

html.txdh-dark-mode .indexWebList li > a,
html.txdh-dark-mode .indexWebList li .info a,
html.txdh-dark-mode .latest-visit li h3,
html.txdh-dark-mode .list ul li a,
html.txdh-dark-mode .tools > a,
html.txdh-dark-mode .update ul li a,
html.txdh-dark-mode .top ul li a h3,
html.txdh-dark-mode .newslist ul li a .info h3,
html.txdh-dark-mode .txdh-ad-text li > a:not(.txdh-ad-styled),
html.txdh-dark-mode .txdh-ad-text li > a:not(.txdh-ad-styled) b,
html.txdh-dark-mode .link ul li a {
    color: #d7dee8 !important;
}

html.txdh-dark-mode .title h3 {
    color: #e6edf5 !important;
}

html.txdh-dark-mode .txdh-ad-text em,
html.txdh-dark-mode .latest-visit li span,
html.txdh-dark-mode .update ul li span,
html.txdh-dark-mode .top ul li a span,
html.txdh-dark-mode .bottomas .content > span,
html.txdh-dark-mode .bottomas .content > p,
html.txdh-dark-mode .newslist ul li a .info span {
    color: #9aa7b6 !important;
}

html.txdh-dark-mode .list,
html.txdh-dark-mode .list:nth-child(5n),
html.txdh-dark-mode .newslist ul li,
html.txdh-dark-mode .navi {
    border-color: #27313b !important;
}

html.txdh-dark-mode body.mobile-page .indexSearch + .article .newslist ul li,
html.txdh-dark-mode body.mobile-page .indexSearch + .article .list {
    border-color: #27313b !important;
    background: #202a33 !important;
}

html.txdh-dark-mode body.mobile-page .indexSearch + .article .list {
    border-bottom: 0 !important;
}

html.txdh-dark-mode .latest-visit li span {
    background: #24303a !important;
}

html.txdh-dark-mode .link_more,
html.txdh-dark-mode .title a {
    color: #7f8b99 !important;
}

html.txdh-dark-mode header,
html.txdh-dark-mode .header {
    background: #121820 !important;
    border-bottom-color: #24303a !important;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .2);
}

html.txdh-dark-mode body.mobile-page.inner-page .headerwrap.other-header,
html.txdh-dark-mode body.inner-page .headerwrap.other-header,
html.txdh-dark-mode .headerwrap.other-header,
html.txdh-dark-mode .headerwrap.other-header > .header {
    background: #121820 !important;
    border-bottom: 1px solid #24303a !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .25) !important;
}

html.txdh-dark-mode body.mobile-page.inner-page .headerwrap.other-header .listBtn,
html.txdh-dark-mode body.mobile-page.inner-page .headerwrap.other-header .open-panel,
html.txdh-dark-mode body.mobile-page.inner-page .headerwrap.other-header .back-left,
html.txdh-dark-mode body.inner-page .headerwrap.other-header .listBtn,
html.txdh-dark-mode body.inner-page .headerwrap.other-header .open-panel,
html.txdh-dark-mode body.inner-page .headerwrap.other-header .back-left,
html.txdh-dark-mode .headerwrap.other-header .listBtn,
html.txdh-dark-mode .headerwrap.other-header .open-panel,
html.txdh-dark-mode .headerwrap.other-header .back-left,
html.txdh-dark-mode .headerwrap .listBtn,
html.txdh-dark-mode .headerwrap .open-panel {
    color: #dce8f1 !important;
}

html.txdh-dark-mode body.mobile-page .fenlei,
html.txdh-dark-mode .fenlei {
    background: #171f27 !important;
    border-bottom-color: #24303a !important;
    border-top-color: #24303a !important;
    border-left-color: #24303a !important;
    border-right-color: #24303a !important;
}

html.txdh-dark-mode body.mobile-page.inner-page .article,
html.txdh-dark-mode body.mobile-page.inner-page article.article,
html.txdh-dark-mode body.mobile-page .article,
html.txdh-dark-mode body.mobile-page article.article,
html.txdh-dark-mode .article,
html.txdh-dark-mode article.article {
    background: #171f27 !important;
    border-color: #283541 !important;
    box-shadow: none !important;
    color: #dfe8f2 !important;
}

html.txdh-dark-mode body.mobile-page.inner-page .bg,
html.txdh-dark-mode body.mobile-page .bg,
html.txdh-dark-mode .bg {
    background-color: #101820 !important;
}

html.txdh-dark-mode body.mobile-page.inner-page #pagemenu,
html.txdh-dark-mode body.mobile-page #pagemenu,
html.txdh-dark-mode #pagemenu {
    background: #141c24 !important;
    border-color: #283541 !important;
    box-shadow: none !important;
}

html.txdh-dark-mode header > div .logo img {
    filter: none !important;
}

html.txdh-dark-mode header > div nav a,
html.txdh-dark-mode header > div .time-winter .time,
html.txdh-dark-mode header > div .time-winter .time small,
html.txdh-dark-mode header > div .time-winter .winter {
    color: #aab5c2 !important;
}

html.txdh-dark-mode header > div nav .hover > a,
html.txdh-dark-mode header > div nav div > a:hover,
html.txdh-dark-mode header > div .time-winter .time span {
    color: #66dccb !important;
}

header > div .time-winter .winter {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 138px !important;
    height: 40px !important;
    line-height: normal !important;
    margin-top: 15px !important;
    margin-left: 13px !important;
    padding: 0 14px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: #e8f7ef !important;
    color: #159b70 !important;
    box-sizing: border-box !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
    transition: background .2s ease, color .2s ease;
}

header > div .time-winter .winter:hover {
    background: #d9f2e6 !important;
    color: #0f8a62 !important;
}

html.txdh-dark-mode header > div .time-winter .winter {
    background: #1f332f !important;
    color: #66dccb !important;
}

html.txdh-dark-mode header > div .time-winter .winter:hover {
    background: #24443d !important;
    color: #7cead8 !important;
}

html.txdh-dark-mode header > div nav div > ul,
html.txdh-dark-mode header > div nav .list_li {
    background: #171f27 !important;
    border-color: #2a3642 !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .28);
}

html.txdh-dark-mode header > div nav div > ul li a:hover,
html.txdh-dark-mode header > div nav .list_li li a:hover {
    background: #202a34 !important;
}

@media screen and (max-width: 990px) {
    .footer {
        margin-top: 30px;
        padding: 26px 10px 22px !important;
    }
    
    .footer > div {
        max-width: 100% !important;
    }

    .footer > div ul {
        gap: 8px;
    }

    .footer > div ul li {
        padding: 0 !important;
    }

    .footer > div ul li a {
        height: 29px;
        line-height: 27px;
        padding: 0 11px;
        font-size: 12px;
    }

    .page-sidebar {
        right: 16px !important;
        bottom: 20px !important;
    }

    .page-sidebar .side-item {
        width: 44px;
        height: 44px;
        line-height: 1;
        font-size: 20px;
    }

    .page-sidebar .side-night {
        font-size: 22px;
    }
}

html.txdh-dark-mode body {
    background: radial-gradient(circle at 50% 0, #17232b 0, #0f151b 420px, #0c1116 100%) !important;
}

html.txdh-dark-mode .indexSearch {
    background-image: linear-gradient(180deg, rgba(13, 19, 25, .58), rgba(13, 19, 25, .82)), url(../img/bg.webp) !important;
    box-shadow: inset 0 -70px 90px rgba(12, 17, 22, .72);
}

html.txdh-dark-mode .indexSearch + article.article {
    background: transparent !important;
}

html.txdh-dark-mode .indexSearch + .article > .indexWebList,
html.txdh-dark-mode .indexSearch + .article > .latest-visit,
html.txdh-dark-mode .indexSearch + .article > .txdh-ad-text,
html.txdh-dark-mode .indexSearch + .article .txdh-right > div,
html.txdh-dark-mode .indexSearch + .article .txdh-left > div,
html.txdh-dark-mode .indexSearch + .article .update,
html.txdh-dark-mode .indexSearch + .article .tools,
html.txdh-dark-mode .indexSearch + .article .top,
html.txdh-dark-mode .indexSearch + .article .bottomas,
html.txdh-dark-mode .indexSearch + .article .newslist,
html.txdh-dark-mode .indexSearch + .article .link,
html.txdh-dark-mode .footer {
    background: #171f27 !important;
    border: 1px solid #283541 !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .18);
}

html.txdh-dark-mode .footer {
    background: #141c24 !important;
    border-top: 1px solid #263541 !important;
    border-right: 0 !important;
    border-left: 0 !important;
    border-bottom: 0 !important;
    box-shadow: 0 -16px 36px rgba(0, 0, 0, .2) !important;
}

html.txdh-dark-mode .footer > div ul li a {
    background: #1f2b35 !important;
    border-color: #334554 !important;
    color: #c7d3de !important;
    box-shadow: none !important;
}

html.txdh-dark-mode .footer > div ul li a:hover {
    background: #243641 !important;
    border-color: #20c4ab !important;
    color: #66dccb !important;
    box-shadow: 0 8px 18px rgba(32, 196, 171, .12) !important;
}

html.txdh-dark-mode .footer > div .copart,
html.txdh-dark-mode .footer > div .copart a,
html.txdh-dark-mode .footer > div p,
html.txdh-dark-mode .footer > div span {
    color: #93a3b1 !important;
}

html.txdh-dark-mode .footer > div .copart a:hover,
html.txdh-dark-mode .footer > div p a:hover {
    color: #66dccb !important;
}

html.txdh-dark-mode .indexSearch + .article > .txdh-other {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

html.txdh-dark-mode .txdh-ad-text li,
html.txdh-dark-mode .indexWebList li,
html.txdh-dark-mode .latest-visit li a,
html.txdh-dark-mode .newslist ul li,
html.txdh-dark-mode .txdh-ad-banner a,
html.txdh-dark-mode .tools > a {
    background: #202a33 !important;
    border: 1px solid #2e3b48 !important;
}

html.txdh-dark-mode body.mobile-page .index-web-section > .indexWebList > li,
html.txdh-dark-mode body.mobile-page .index-web-section > .indexWebList > li:nth-child(4n),
html.txdh-dark-mode body.mobile-page .index-web-section > .indexWebList > li:nth-child(7n) {
    background: transparent !important;
    border-color: transparent !important;
    color: #d7dee8 !important;
}

html.txdh-dark-mode body.mobile-page .index-web-section > .indexWebList > li > a {
    color: #d7dee8 !important;
}

html.txdh-dark-mode .txdh-ad-banner a.empty {
    background: linear-gradient(135deg, #202d38, #17222b) !important;
}

html.txdh-dark-mode .txdh-ad-banner a.empty img {
    opacity: .32;
    filter: grayscale(.25) brightness(.65);
}

html.txdh-dark-mode .txdh-ad-banner a.empty span {
    background: rgba(24, 34, 43, .92) !important;
    border: 1px solid #3a4b59;
    color: #edf6f3 !important;
}

html.txdh-dark-mode .indexWebList li > a,
html.txdh-dark-mode .indexWebList li .info a,
html.txdh-dark-mode .latest-visit li h3,
html.txdh-dark-mode .list ul li a,
html.txdh-dark-mode .tools > a,
html.txdh-dark-mode .update ul li a,
html.txdh-dark-mode .top ul li a h3,
html.txdh-dark-mode .newslist ul li a .info h3,
html.txdh-dark-mode .txdh-ad-text li > a:not(.txdh-ad-styled),
html.txdh-dark-mode .txdh-ad-text li > a:not(.txdh-ad-styled) b,
html.txdh-dark-mode .link ul li a {
    color: #dfe8f2 !important;
}

html.txdh-dark-mode .txdh-ad-text em,
html.txdh-dark-mode .latest-visit li span,
html.txdh-dark-mode .update ul li span,
html.txdh-dark-mode .top ul li a span,
html.txdh-dark-mode .bottomas .content > span,
html.txdh-dark-mode .bottomas .content > p,
html.txdh-dark-mode .newslist ul li a .info span,
html.txdh-dark-mode .link_more,
html.txdh-dark-mode .title a {
    color: #a6b3c1 !important;
}

html.txdh-dark-mode .indexWebList li:hover,
html.txdh-dark-mode .latest-visit li a:hover,
html.txdh-dark-mode .indexWebList li .info a:hover,
html.txdh-dark-mode .txdh-ad-text li.filled > a:not(.txdh-ad-styled):hover,
html.txdh-dark-mode .tools > a:hover,
html.txdh-dark-mode .link ul li a:hover {
    background: #263440 !important;
    color: #66dccb !important;
}

html.txdh-dark-mode .link ul li a,
html.txdh-dark-mode .indexSearch + .article .link ul li a {
    display: inline !important;
    height: auto !important;
    line-height: 24px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #dfe8f2 !important;
}

html.txdh-dark-mode .link ul li a:hover,
html.txdh-dark-mode .indexSearch + .article .link ul li a:hover {
    background: transparent !important;
    color: #66dccb !important;
}

html.txdh-dark-mode body.listing-page article.article {
    background: transparent !important;
}

html.txdh-dark-mode .fenlei,
html.txdh-dark-mode .lists {
    background: #171f27 !important;
    border: 1px solid #283541 !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .18);
}

html.txdh-dark-mode .fenlei .title h3,
html.txdh-dark-mode .searchweb h3 {
    color: #e6edf5 !important;
}

html.txdh-dark-mode .searchweb form {
    background: #202a33 !important;
    border-color: #2e3b48 !important;
}

html.txdh-dark-mode .searchweb form input[type=text] {
    color: #dfe8f2 !important;
}

html.txdh-dark-mode .searchweb form button[type=submit] {
    color: #66dccb !important;
}

html.txdh-dark-mode .fenlei ul li a {
    background: #202a33 !important;
    border-color: #2e3b48 !important;
    color: #c9d4df !important;
}

html.txdh-dark-mode .fenlei ul li a:hover,
html.txdh-dark-mode .fenlei ul li .hover {
    background: #20c4ab !important;
    border-color: #20c4ab !important;
    color: #fff !important;
    box-shadow: 0 10px 22px rgba(32, 196, 171, .22);
}

html.txdh-dark-mode .lists ul li,
html.txdh-dark-mode .lists ul li:nth-child(1),
html.txdh-dark-mode .lists ul li:nth-child(2),
html.txdh-dark-mode .lists ul li:nth-child(3),
html.txdh-dark-mode .lists ul li:nth-child(3n),
html.txdh-dark-mode .toollist li {
    background: #202a33 !important;
    border-color: #2e3b48 !important;
}

html.txdh-dark-mode .lists ul li:hover,
html.txdh-dark-mode .toollist li:hover {
    background: #263440 !important;
    border-color: #395063 !important;
    box-shadow: 0 12px 26px rgba(0, 0, 0, .22);
}


html.txdh-dark-mode .webnavlog .lists ul li a > .title,
html.txdh-dark-mode .lists ul li a > .title {
    color: #dfe8f2 !important;
}
html.txdh-dark-mode .lists ul li a .introduce,
html.txdh-dark-mode .toollist li a .info p,
html.txdh-dark-mode .toollist li a .info span {
    color: #a6b3c1 !important;
}

html.txdh-dark-mode .lists ul li a .img {
    background: transparent !important;
}

html.txdh-dark-mode #pagenavi a,
html.txdh-dark-mode #pagenavi em {
    background: #202a33 !important;
    border-color: #2e3b48 !important;
    color: #c9d4df !important;
}

html.txdh-dark-mode #pagenavi span,
html.txdh-dark-mode #pagenavi a:hover {
    background: #20c4ab !important;
    border-color: #20c4ab !important;
    color: #fff !important;
}

html.txdh-dark-mode article.article[style],
html.txdh-dark-mode .article > .content,
html.txdh-dark-mode #sqcontent,
html.txdh-dark-mode #pagecontent,
html.txdh-dark-mode #pagemenu,
html.txdh-dark-mode .arLeft,
html.txdh-dark-mode .article_content .left,
html.txdh-dark-mode .article_content .right,
html.txdh-dark-mode .webnavlog .info,
html.txdh-dark-mode .webnavlog .other,
html.txdh-dark-mode .webnavlog .lists,
html.txdh-dark-mode .webnav-neighbor,
html.txdh-dark-mode .article-bottom,
html.txdh-dark-mode .article-copyright,
html.txdh-dark-mode .article-neighbor,
html.txdh-dark-mode .related-logs,
html.txdh-dark-mode .comments-section,
html.txdh-dark-mode .main_right > div,
html.txdh-dark-mode .main_right .widget,
html.txdh-dark-mode .content > .left,
html.txdh-dark-mode .content > .right .ulttile,
html.txdh-dark-mode .content > .right .updatelist,
html.txdh-dark-mode .txdh-static-page,
html.txdh-dark-mode .idea.txdh-idea-form,
html.txdh-dark-mode .send.txdh-send-form,
html.txdh-dark-mode .txdh-idea-tips,
html.txdh-dark-mode .txdh-send-tips {
    background: #171f27 !important;
    border-color: #283541 !important;
    color: #dfe8f2 !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .18) !important;
}

html.txdh-dark-mode .bg {
    background-color: #101820 !important;
}

html.txdh-dark-mode .bg:before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(13, 19, 25, .42), rgba(13, 19, 25, .82));
    pointer-events: none;
}

html.txdh-dark-mode #pagemenu a,
html.txdh-dark-mode .content > .left li a,
html.txdh-dark-mode .arLeft h1,
html.txdh-dark-mode .article_content .left .article-title,
html.txdh-dark-mode .webnavlog .info .right .web-title,
html.txdh-dark-mode .webnavlog .info .right ul li a,
html.txdh-dark-mode .webnav-neighbor a,
html.txdh-dark-mode .article-neighbor a,
html.txdh-dark-mode .article-copyright a,
html.txdh-dark-mode .content > .right .ulttile div,
html.txdh-dark-mode .content > .right .updatelist li div,
html.txdh-dark-mode .content > .right .updatelist li div:nth-child(2) .url,
html.txdh-dark-mode .toollist li a .info h3,
html.txdh-dark-mode .txdh-static-page h1,
html.txdh-dark-mode .txdh-static-page h2,
html.txdh-dark-mode .txdh-static-page h3,
html.txdh-dark-mode .txdh-custom-page h1,
html.txdh-dark-mode .txdh-custom-page h2,
html.txdh-dark-mode .txdh-custom-page h3,
html.txdh-dark-mode .txdh-idea-tips h4,
html.txdh-dark-mode .txdh-send-tips h4 {
    color: #e6edf5 !important;
}

html.txdh-dark-mode .arLeft .user,
html.txdh-dark-mode .arLeft .user a,
html.txdh-dark-mode .arLeft .content,
html.txdh-dark-mode .article_content .left .article-bq,
html.txdh-dark-mode .article_content .left .article-content,
html.txdh-dark-mode .article_content .left .article-content p,
html.txdh-dark-mode .webnavlog .other .introduce,
html.txdh-dark-mode .webnavlog .other .introduce p,
html.txdh-dark-mode .webnavlog .info .right ul li span,
html.txdh-dark-mode .webnav-neighbor span,
html.txdh-dark-mode .webnav-neighbor em,
html.txdh-dark-mode .article-neighbor span,
html.txdh-dark-mode .article-neighbor em,
html.txdh-dark-mode .article-copyright p,
html.txdh-dark-mode .txdh-static-page,
html.txdh-dark-mode .txdh-static-page > p,
html.txdh-dark-mode .txdh-custom-page,
html.txdh-dark-mode .txdh-custom-page p,
html.txdh-dark-mode .txdh-idea-tips,
html.txdh-dark-mode .txdh-idea-tips p,
html.txdh-dark-mode .txdh-send-tips,
html.txdh-dark-mode .txdh-send-tips li,
html.txdh-dark-mode .toollist li a .info .in {
    color: #a6b3c1 !important;
}

html.txdh-dark-mode #pagemenu a:hover,
html.txdh-dark-mode #pagemenu a.hover,
html.txdh-dark-mode #pagemenu .hover,
html.txdh-dark-mode .content > .left li a:hover,
html.txdh-dark-mode .content > .left li .hover {
    background: #202f38 !important;
    color: #66dccb !important;
}

html.txdh-dark-mode .webnavlog .info .left .img,
html.txdh-dark-mode .article-bottom > div,
html.txdh-dark-mode .article-neighbor > div,
html.txdh-dark-mode .webnav-neighbor > div,
html.txdh-dark-mode .address,
html.txdh-dark-mode .downbtn a,
html.txdh-dark-mode .content > .right .updatelist li div:nth-child(5) .open {
    background: #202a33 !important;
    border-color: #2e3b48 !important;
}

html.txdh-dark-mode .webnavlog .href,
html.txdh-dark-mode .downbtn a {
    color: #fff !important;
}

html.txdh-dark-mode .webnavlog .aboutthis,
html.txdh-dark-mode .detail-share-btn {
    background: #1f332f !important;
    border-color: #2d8f81 !important;
    color: #66dccb !important;
}

html.txdh-dark-mode .baidu-index-card {
    background: #202a33 !important;
    border-color: #2e3b48 !important;
    color: #dfe8f2 !important;
}

html.txdh-dark-mode .baidu-index-card:hover {
    background: #243140 !important;
    border-color: #3a4a58 !important;
}

html.txdh-dark-mode .baidu-index-card.is-loading {
    background: #182b3f !important;
    border-color: #315d8d !important;
}

html.txdh-dark-mode .baidu-index-card.is-included {
    background: #173229 !important;
    border-color: #2c7b61 !important;
}

html.txdh-dark-mode .baidu-index-card.is-not-included {
    background: #352a1b !important;
    border-color: #8a611f !important;
}

html.txdh-dark-mode .baidu-index-card.is-error {
    background: #3a211d !important;
    border-color: #964638 !important;
}

html.txdh-dark-mode .baidu-index-icon {
    background: #536a82 !important;
    color: #f4f7fb !important;
}

html.txdh-dark-mode .baidu-index-card.is-loading .baidu-index-icon {
    background: #4f91e8 !important;
}

html.txdh-dark-mode .baidu-index-card.is-included .baidu-index-icon {
    background: #28b77f !important;
}

html.txdh-dark-mode .baidu-index-card.is-not-included .baidu-index-icon {
    background: #ff9300 !important;
}

html.txdh-dark-mode .baidu-index-card.is-error .baidu-index-icon {
    background: #f06449 !important;
}

html.txdh-dark-mode .baidu-index-status {
    color: #9fb0bf !important;
}

html.txdh-dark-mode .baidu-index-name {
    color: #e6edf5 !important;
}

html.txdh-dark-mode .baidu-index-card.is-loading .baidu-index-name {
    color: #6da8ff !important;
}

html.txdh-dark-mode .baidu-index-card.is-included .baidu-index-name {
    color: #66dccb !important;
}

html.txdh-dark-mode .baidu-index-card.is-not-included .baidu-index-name {
    color: #ffb25a !important;
}

html.txdh-dark-mode .baidu-index-card.is-error .baidu-index-name {
    color: #ff8066 !important;
}

html.txdh-dark-mode .baidu-index-status.is-loading {
    color: #6da8ff !important;
}

html.txdh-dark-mode .baidu-index-status.is-included {
    color: #66dccb !important;
}

html.txdh-dark-mode .baidu-index-status.is-not-included {
    color: #b4a896 !important;
}

html.txdh-dark-mode .baidu-index-status.is-error {
    color: #ff8066 !important;
}

html.txdh-dark-mode .detail-share-panel,
html.txdh-dark-mode .layui-layer,
html.txdh-dark-mode .layui-layer-page,
html.txdh-dark-mode .layui-layer-dialog {
    background: #171f27 !important;
    border-color: #283541 !important;
    color: #dfe8f2 !important;
}

html.txdh-dark-mode .layui-layer-title {
    background: #202a33 !important;
    border-bottom-color: #2e3b48 !important;
    color: #e6edf5 !important;
}

html.txdh-dark-mode .layui-layer-setwin .layui-layer-close1 {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath stroke='%23e6edf5' stroke-width='2' stroke-linecap='round' d='M3 3L13 13M13 3L3 13'/%3E%3C/svg%3E") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 14px 14px !important;
}

html.txdh-dark-mode .layui-layer-content,
html.txdh-dark-mode .detail-share-panel a {
    color: #dfe8f2 !important;
}

html.txdh-dark-mode .layui-layer-btn {
    border-top-color: #2e3b48 !important;
}

html.txdh-dark-mode .txdh-ad-form,
html.txdh-dark-mode .txdh-link-form {
    background: #171f27 !important;
    color: #dfe8f2 !important;
}

html.txdh-dark-mode .txdh-ad-form label,
html.txdh-dark-mode .txdh-link-form label {
    color: #c9d4df !important;
}

html.txdh-dark-mode .txdh-ad-form-note,
html.txdh-dark-mode .txdh-link-form-note {
    background: #202a33 !important;
    border-color: #2e3b48 !important;
    color: #a6b3c1 !important;
}

html.txdh-dark-mode .txdh-link-form-actions .txdh-link-cancel {
    background: #263440 !important;
    color: #a6b3c1 !important;
}

html.txdh-dark-mode .txdh-link-form-actions .txdh-link-cancel:hover {
    background: #2e3b48 !important;
    color: #dfe8f2 !important;
}

html.txdh-dark-mode .layui-form-select dl {
    background: #202a33 !important;
    border-color: #2e3b48 !important;
}

html.txdh-dark-mode .layui-form-select dl dd {
    color: #dfe8f2 !important;
}

html.txdh-dark-mode .layui-form-select dl dd:hover,
html.txdh-dark-mode .layui-form-select dl dd.layui-this {
    background: #263440 !important;
    color: #66dccb !important;
}

html.txdh-dark-mode .txdh-send-form .layui-btn-primary {
    background: #202a33 !important;
    border-color: #2e3b48 !important;
    color: #c9d4df !important;
}

html.txdh-dark-mode .content > .right .updatelist li,
html.txdh-dark-mode .article_content .left .article-content,
html.txdh-dark-mode .article-end .through:after,
html.txdh-dark-mode .txdh-about-page > p:first-child,
html.txdh-dark-mode .txdh-ad-info-page > p,
html.txdh-dark-mode .txdh-ad-info-page > p:first-child {
    border-color: #2e3b48 !important;
}

@media screen and (max-width: 990px) {
    html,
    body {
        min-width: 0 !important;
        width: auto !important;
        overflow-x: hidden !important;
    }

    header > div,
    .article,
    article.article,
    .article > .content,
    .container,
    .recommendMain {
        width: calc(100% - 20px) !important;
        max-width: calc(100% - 20px) !important;
    }

    article.article {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .layui-layer {
        max-width: calc(100vw - 20px) !important;
        overflow: hidden;
    }

    .layui-layer-page .layui-layer-content {
        max-height: calc(100vh - 110px) !important;
        overflow-y: auto !important;
    }

    .txdh-ad-form,
    .txdh-link-form {
        padding: 14px !important;
    }

    .txdh-ad-form-grid,
    .txdh-link-form-grid {
        display: block !important;
    }

    .txdh-ad-form label,
    .txdh-link-form label {
        margin-bottom: 10px !important;
    }

    .txdh-ad-form input,
    .txdh-ad-form select,
    .txdh-ad-form textarea,
    .txdh-link-form input,
    .txdh-link-form textarea {
        height: 42px;
        font-size: 14px;
    }

    .txdh-ad-form textarea,
    .txdh-link-form textarea {
        height: 76px;
    }

    .txdh-ad-form button,
    .txdh-link-form button {
        height: 44px;
    }

    #pagemenu,
    .content .left,
    .content > .left {
        float: none !important;
        width: 100% !important;
        border-right: 0 !important;
        margin-bottom: 12px !important;
        padding: 10px !important;
    }

    #pagemenu a,
    .content > .left li a {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: auto !important;
        height: 36px !important;
        line-height: 36px !important;
        margin: 0 8px 8px 0 !important;
        padding: 0 12px !important;
    }

    #sqcontent,
    #pagecontent,
    .content .right,
    .content > .right {
        float: none !important;
        width: 100% !important;
        padding: 16px !important;
    }

    .txdh-idea-wrap,
    .txdh-send-wrap {
        display: block !important;
    }

    .idea.txdh-idea-form,
    .send.txdh-send-form,
    .txdh-idea-tips,
    .txdh-send-tips,
    .txdh-static-page {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }

    .txdh-send-url-row,
    .txdh-send-two-col,
    .txdh-send-media-row,
    .txdh-send-pay-row,
    .txdh-send-form .txdh-submit-actions {
        display: block !important;
    }

    .txdh-send-url-row .layui-inline,
    .txdh-send-url-row #urlbox,
    .txdh-send-two-col .layui-inline,
    .txdh-send-media-row .layui-inline,
    .txdh-send-pay-row .layui-inline,
    .txdh-send-full-row .layui-inline {
        width: 100% !important;
        float: none !important;
        margin-bottom: 10px !important;
    }

    .txdh-send-form .txdh-submit-actions button.btn {
        width: 100% !important;
        margin: 0 0 10px !important;
    }

    .article.article-with-sidebar {
        display: block !important;
    }

    .article.article-with-sidebar > .main_right {
        width: 100% !important;
        margin-top: 12px !important;
    }

    .content > .right .ulttile {
        display: none !important;
    }

    .content > .right .updatelist li {
        padding: 12px !important;
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
    }

    .content > .right .updatelist li div {
        float: none !important;
        width: auto !important;
        height: auto !important;
        line-height: 24px !important;
        padding: 0 !important;
        text-align: left !important;
    }

    .content > .right .updatelist li div:nth-child(1),
    .content > .right .updatelist li div:nth-child(4) {
        display: none !important;
    }

    .content > .right .updatelist li div:nth-child(5) {
        display: block !important;
        margin-left: auto !important;
    }

    .content > .right .updatelist li div:nth-child(2) {
        width: 100% !important;
        font-size: 14px !important;
        margin-bottom: 4px !important;
    }

    .content > .right .updatelist li div:nth-child(3) {
        font-size: 12px !important;
        color: #999 !important;
        margin-right: 8px !important;
    }

    .content > .right .updatelist li div:nth-child(5) .open {
        width: 82px;
        margin: 8px 0 0 !important;
    }

    .toollist {
        grid-template-columns: 1fr !important;
    }
}

.txdh-ad-layer .layui-layer-content {
    max-height: calc(100vh - 130px);
    overflow-y: auto;
}

.txdh-ad-layer .txdh-ad-form {
    box-sizing: border-box;
}

html.txdh-dark-mode .txdh-ad-layer {
    background: #171f27 !important;
    border: 1px solid #283541 !important;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .36) !important;
}

html.txdh-dark-mode .txdh-ad-layer .layui-layer-setwin a {
    filter: invert(1) opacity(.85);
}

@media screen and (max-width: 560px) {
    .txdh-ad-layer {
        left: 10px !important;
        right: 10px !important;
        width: auto !important;
    }

    .txdh-ad-layer .layui-layer-title {
        height: 46px;
        line-height: 46px;
        padding-left: 14px;
        font-size: 15px;
    }

    .txdh-ad-layer .layui-layer-content {
        max-height: calc(100vh - 86px) !important;
    }
}

html.txdh-dark-mode .webnavlog .info .right ul li,
html.txdh-dark-mode .webnavlog .info .right ul li.detail-meta,
html.txdh-dark-mode .webnavlog .info .right ul li.detail-count,
html.txdh-dark-mode .webnavlog .info .right ul li.detail-weight,
html.txdh-dark-mode .webnavlog .other .introduce,
html.txdh-dark-mode .webnavlog .porShi,
html.txdh-dark-mode .comment-post,
html.txdh-dark-mode .comment-post .textarea textarea,
html.txdh-dark-mode .comm_infobox input[type="text"],
html.txdh-dark-mode .comm_infobox input[type="email"],
html.txdh-dark-mode .smilebg {
    background: #202a33 !important;
    border-color: #2e3b48 !important;
    color: #dfe8f2 !important;
}

html.txdh-dark-mode .comm_infobox .comm-row.comm-row-verify img,
html.txdh-dark-mode .comm_infobox .comm-row.comm-row-verify input[type="text"]:focus,
html.txdh-dark-mode .comm_infobox .comm-row input[type="text"]:focus,
html.txdh-dark-mode .comm_infobox .comm-row input[type="email"]:focus {
    border-color: #2e3b48 !important;
}
html.txdh-dark-mode .comm_infobox .comm-row input[type="text"]:focus,
html.txdh-dark-mode .comm_infobox .comm-row input[type="email"]:focus {
    box-shadow: 0 0 0 3px rgba(102,220,203,.18) !important;
}

html.txdh-dark-mode .comment-post .comm-actions .comm_rest,
html.txdh-dark-mode .comment-post .comm-actions .cancel-reply {
    background: #1c262f !important;
    border-color: #2e3b48 !important;
    color: #c9d4df !important;
}
html.txdh-dark-mode .comment-post .comm-actions .comm_rest:hover,
html.txdh-dark-mode .comment-post .comm-actions .cancel-reply:hover {
    background: #243140 !important;
    color: #66dccb !important;
    border-color: #34796f !important;
}

html.txdh-dark-mode .webnavlog .info .right ul li span,
html.txdh-dark-mode .webnavlog .other .introduce,
html.txdh-dark-mode .webnavlog .other .introduce p,
html.txdh-dark-mode .comment-post .textarea textarea::placeholder,
html.txdh-dark-mode .comm_infobox label,
html.txdh-dark-mode .comm_login_tip {
    color: #9fb0bf !important;
}

html.txdh-dark-mode .webnavlog .info .right ul li a,
html.txdh-dark-mode .webnavlog .info .right ul li.detail-meta a,
html.txdh-dark-mode .webnavlog .info .right ul li.detail-count a {
    color: #dfe8f2 !important;
}

html.txdh-dark-mode .webnavlog .porShi canvas {
    background: transparent !important;
}

html.txdh-dark-mode .x-c-t-tooltip dd {
    color: #c9d4df !important;
    background: #171f27 !important;
}

html.txdh-dark-mode .comment-content pre {
    background: #111820 !important;
    color: #dfe8f2 !important;
}

html.txdh-dark-mode .tool_bq,
html.txdh-dark-mode .tool_img,
html.txdh-dark-mode .comm_tijiao,
html.txdh-dark-mode .comm_rest,
html.txdh-dark-mode .comm_close,
html.txdh-dark-mode .cancel-reply {
    background: #202a33;
    border-color: #2e3b48;
    color: #c9d4df;
}

html.txdh-dark-mode .comm_tijiao,
html.txdh-dark-mode #comment_submit {
    background: #20c4ab !important;
    border-color: #20c4ab !important;
    color: #fff !important;
}

html.txdh-dark-mode .tool_bq:hover,
html.txdh-dark-mode .tool_img:hover,
html.txdh-dark-mode .comm_rest:hover,
html.txdh-dark-mode .comm_close:hover,
html.txdh-dark-mode .cancel-reply:hover {
    color: #66dccb;
    border-color: #34796f;
}

html.txdh-dark-mode .article.article-with-sidebar {
    background: transparent !important;
}

html.txdh-dark-mode .article.article-with-sidebar > .content {
    background: transparent !important;
    box-shadow: none !important;
}

html.txdh-dark-mode .content > .left,
html.txdh-dark-mode .content > .right .ulttile,
html.txdh-dark-mode .content > .right .updatelist,
html.txdh-dark-mode .main_right .sidebar {
    background: #171f27 !important;
    border: 1px solid #283541 !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .18) !important;
}

html.txdh-dark-mode .content > .right .ulttile {
    border-bottom-color: #2e3b48 !important;
}

html.txdh-dark-mode .content > .right .updatelist li {
    border-top-color: #2e3b48 !important;
}

html.txdh-dark-mode .content > .right .updatelist li:hover {
    background: #202a33 !important;
}

html.txdh-dark-mode .main_right .sidebar h3 {
    color: #e6edf5 !important;
}

html.txdh-dark-mode .main_right .sidebar.sidebar-author-card {
    background: #171f27 !important;
    border-color: #2c3c48 !important;
}

html.txdh-dark-mode .main_right .txdh-sidebar-author-avatar {
    border-color: #355366;
    background: #202b35;
}

html.txdh-dark-mode .main_right .txdh-sidebar-author-name {
    color: #eef6fb;
}

html.txdh-dark-mode .main_right .txdh-sidebar-author {
    border-top-color: #2e3b48;
}

html.txdh-dark-mode .main_right .txdh-sidebar-author-role {
    border-color: #315f58;
    background: #1d3837;
    color: #66dccb;
}

html.txdh-dark-mode .main_right .txdh-sidebar-author-desc {
    border-top-color: #2e3b48;
    color: #aebdca;
}

html.txdh-dark-mode .main_right .txdh-sidebar-author-meta span {
    color: #94a7b7;
}

html.txdh-dark-mode .main_right .txdh-sidebar-author-meta b {
    color: #66dccb;
}

html.txdh-dark-mode .main_right .txdh-sidebar-author-meta a {
    border-color: #315263;
    background: #202a33;
    color: #d9f6f2;
}

html.txdh-dark-mode .main_right .txdh-sidebar-author-meta a:hover {
    border-color: #66dccb;
    background: #2b8f83;
    color: #fff;
}

html.txdh-dark-mode .main_right #blogsort li a,
html.txdh-dark-mode .main_right #link li a,
html.txdh-dark-mode .main_right #newlog li a,
html.txdh-dark-mode .main_right #hotlog li a,
html.txdh-dark-mode .main_right #record li a {
    background: #202a33 !important;
    border: 1px solid #2e3b48 !important;
    color: #dfe8f2 !important;
}

html.txdh-dark-mode .main_right #blogtags span {
    border: 1px solid #2e3b48 !important;
    color: #dfe8f2 !important;
}

html.txdh-dark-mode .main_right #blogsort li a:hover,
html.txdh-dark-mode .main_right #link li a:hover,
html.txdh-dark-mode .main_right #newlog li a:hover,
html.txdh-dark-mode .main_right #hotlog li a:hover,
html.txdh-dark-mode .main_right #record li a:hover,
html.txdh-dark-mode .main_right #blogtags span:hover {
    background: #263440 !important;
    border-color: #3a5061 !important;
    color: #66dccb !important;
}

html.txdh-dark-mode .main_right #link li a {
    display: inline !important;
    height: auto !important;
    line-height: 24px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    color: #dfe8f2 !important;
}

html.txdh-dark-mode .main_right #link li a:hover {
    background: transparent !important;
    color: #66dccb !important;
}

html.txdh-dark-mode .main_right #newlog li a em,
html.txdh-dark-mode .main_right #hotlog li a em,
html.txdh-dark-mode .main_right #newcomment p a {
    color: #9fb0bf !important;
}

html.txdh-dark-mode .main_right #newcomment li {
    border-bottom-color: #2e3b48 !important;
}

html.txdh-dark-mode .main_right #newcomment .name,
html.txdh-dark-mode .main_right #newcomment .name a {
    color: #dfe8f2 !important;
}

html.txdh-dark-mode .main_right #logsearch .search {
    background: #202a33 !important;
    border-color: #2e3b48 !important;
    color: #dfe8f2 !important;
}

html.txdh-dark-mode .main_right #logsearch .submit {
    background: #20c4ab !important;
    color: #fff !important;
}

html.txdh-dark-mode .content > .right .updatelist li div:nth-child(5) .open {
    color: #66dccb !important;
}

html.txdh-dark-mode .content > .right .updatelist li div:nth-child(5) .open:hover {
    background: #20c4ab !important;
    border-color: #20c4ab !important;
    color: #fff !important;
}

html.txdh-dark-mode body.rank-page .bg {
    background-image: linear-gradient(180deg, rgba(13, 19, 25, .62), rgba(13, 19, 25, .9)), url("../img/topbg.png") !important;
    background-color: #101820 !important;
    box-shadow: inset 0 -90px 120px rgba(12, 17, 22, .82);
}

html.txdh-dark-mode body.rank-page .bg:before {
    display: none;
}

html.txdh-dark-mode body.rank-page .bg > img {
    opacity: .9;
    filter: drop-shadow(0 8px 20px rgba(0, 0, 0, .28));
}

html.txdh-dark-mode body.rank-page .type li a,
html.txdh-dark-mode body.rank-page .hotmenu ul li a {
    background: rgba(23, 31, 39, .58) !important;
    border-color: rgba(128, 224, 209, .24) !important;
    color: #dfe8f2 !important;
}

html.txdh-dark-mode body.rank-page .type li a:hover,
html.txdh-dark-mode body.rank-page .type li .hover,
html.txdh-dark-mode body.rank-page .hotmenu ul li a:hover,
html.txdh-dark-mode body.rank-page .hotmenu ul li .hover {
    background: #20c4ab !important;
    border-color: #20c4ab !important;
    color: #fff !important;
    box-shadow: 0 10px 24px rgba(32, 196, 171, .24);
}

html.txdh-dark-mode body.rank-page #hotpageContent {
    background: transparent !important;
}

html.txdh-dark-mode body.rank-page #hotpageContent .lists,
html.txdh-dark-mode body.rank-page #hotpageContent .lists#todayList,
html.txdh-dark-mode body.rank-page #hotpageContent .lists#monthList,
html.txdh-dark-mode body.rank-page #hotpageContent .lists#AllList {
    background: #171f27 !important;
    border: 1px solid #283541 !important;
    box-shadow: 0 18px 46px rgba(0, 0, 0, .28) !important;
}

html.txdh-dark-mode body.rank-page #hotpageContent .lists li,
html.txdh-dark-mode body.rank-page #hotpageContent .lists li:nth-child(1),
html.txdh-dark-mode body.rank-page #hotpageContent .lists li:nth-child(2),
html.txdh-dark-mode body.rank-page #hotpageContent .lists li:nth-child(3),
html.txdh-dark-mode body.rank-page #hotpageContent .lists li:nth-child(3n),
html.txdh-dark-mode body.rank-page #hotpageContent .lists li:nth-child(4n) {
    background: #171f27 !important;
    border-color: #2e3b48 !important;
}

html.txdh-dark-mode body.rank-page #hotpageContent .lists li:hover {
    background: #202a33 !important;
}

html.txdh-dark-mode body.rank-page #hotpageContent .lists li .introduce,
html.txdh-dark-mode body.rank-page #hotpageContent .lists li .introduce a {
    color: #a6b3c1 !important;
}

html.txdh-dark-mode body.rank-page #hotpageContent .lists li .click {
    color: #ffb15c !important;
}

html.txdh-dark-mode body.rank-page #hotpageContent .lists li .go {
    background: #202a33 !important;
    border-color: #2e3b48 !important;
    color: #66dccb !important;
}

html.txdh-dark-mode body.rank-page #hotpageContent .lists li .go:hover {
    background: #20c4ab !important;
    border-color: #20c4ab !important;
    color: #fff !important;
}

html.txdh-dark-mode body.rank-page #hotpageContent .lists li .weblogo img {
    filter: none;
    border-color: #2e3b48;
    background: #202a33;
}

/* 在线工具页暗黑模�?*/
html.txdh-dark-mode body.tools-page {
    background: #101820 !important;
}

html.txdh-dark-mode body.tools-page article.article {
    background: transparent !important;
}

html.txdh-dark-mode body.tools-page .txdh-tool-summary {
    background: #171f27 !important;
    border-color: #2a3946 !important;
    box-shadow: 0 16px 38px rgba(0, 0, 0, .24) !important;
}

html.txdh-dark-mode body.tools-page .txdh-tool-summary-main span,
html.txdh-dark-mode body.tools-page .txdh-tool-summary-meta strong {
    color: #66dccb !important;
}

html.txdh-dark-mode body.tools-page .txdh-tool-summary-main h3 {
    color: #e6edf5 !important;
}

html.txdh-dark-mode body.tools-page .txdh-tool-summary-main p,
html.txdh-dark-mode body.tools-page .txdh-tool-summary-meta span {
    color: #9fb0bf !important;
}

html.txdh-dark-mode body.tools-page .txdh-tool-summary-meta {
    border-color: #2a3946 !important;
}

html.txdh-dark-mode body.tools-page .toollist {
    background: transparent !important;
}

html.txdh-dark-mode body.tools-page .toollist li,
html.txdh-dark-mode body.tools-page .toollist li:nth-child(1),
html.txdh-dark-mode body.tools-page .toollist li:nth-child(2),
html.txdh-dark-mode body.tools-page .toollist li:nth-child(3),
html.txdh-dark-mode body.tools-page .toollist li:nth-child(3n) {
    background: #171f27 !important;
    border-color: #2a3946 !important;
    box-shadow: 0 16px 38px rgba(0, 0, 0, .24) !important;
}

html.txdh-dark-mode body.tools-page .toollist li:hover {
    background: #1c2832 !important;
    border-color: #3b5363 !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .3) !important;
}

html.txdh-dark-mode body.tools-page .toollist li a,
html.txdh-dark-mode body.tools-page .toollist li a:hover {
    background: transparent !important;
}

html.txdh-dark-mode body.tools-page .toollist li a .img {
    background: #101820 !important;
    border: 1px solid #2f4050 !important;
    box-sizing: border-box;
}

html.txdh-dark-mode body.tools-page .toollist li a .info h3 {
    color: #e6edf5 !important;
}

html.txdh-dark-mode body.tools-page .toollist li a .info .in,
html.txdh-dark-mode body.tools-page .toollist li a .info p,
html.txdh-dark-mode body.tools-page .toollist li a .info span {
    color: #9fb0bf !important;
}

html.txdh-dark-mode body.tools-page .toollist li:hover a .info h3 {
    color: #66dccb !important;
}

html.txdh-dark-mode body.tools-page #pagenavi {
    color: #9fb0bf !important;
}

html.txdh-dark-mode body.tools-page #pagenavi a,
html.txdh-dark-mode body.tools-page #pagenavi em {
    background: #171f27 !important;
    border-color: #2a3946 !important;
    color: #c9d4df !important;
}

html.txdh-dark-mode body.tools-page #pagenavi span,
html.txdh-dark-mode body.tools-page #pagenavi a:hover {
    background: #20c4ab !important;
    border-color: #20c4ab !important;
    color: #fff !important;
}

@media screen and (max-width: 720px) {
    html.txdh-dark-mode body.tools-page .toollist li,
    html.txdh-dark-mode body.tools-page .toollist li:nth-child(1),
    html.txdh-dark-mode body.tools-page .toollist li:nth-child(2),
    html.txdh-dark-mode body.tools-page .toollist li:nth-child(3),
    html.txdh-dark-mode body.tools-page .toollist li:nth-child(3n) {
        box-shadow: none !important;
    }

    body.mobile-page.tools-page .toollist li a {
        padding: 18px !important;
    }

    body.mobile-page.tools-page .toollist li a .img {
        width: 48px !important;
        height: 48px !important;
        max-height: 48px !important;
    }

    body.mobile-page.tools-page .toollist li a .info {
        width: calc(100% - 64px) !important;
        margin-left: 16px !important;
    }
}

/* 申请收录页暗黑模�?*/
html.txdh-dark-mode .txdh-send-page {
    color: #dfe8f2 !important;
}

html.txdh-dark-mode #sqcontent .title h3 {
    color: #e6edf5 !important;
}

html.txdh-dark-mode #sqcontent .title h3:before,
html.txdh-dark-mode #sqcontent .title h3:after {
    background: #20c4ab !important;
}

html.txdh-dark-mode #pagemenu {
    background: #141c24 !important;
    border-color: #263440 !important;
}

html.txdh-dark-mode #pagemenu a {
    color: #b9c7d4 !important;
    border-left: 0 !important;
}

html.txdh-dark-mode #pagemenu a:hover,
html.txdh-dark-mode #pagemenu a.hover,
html.txdh-dark-mode #pagemenu .hover {
    background: #1f3139 !important;
    color: #66dccb !important;
}

html.txdh-dark-mode .send.txdh-send-form,
html.txdh-dark-mode .txdh-send-tips {
    background: #151e26 !important;
    border-color: #2a3946 !important;
    box-shadow: 0 18px 46px rgba(0, 0, 0, .24) !important;
}

html.txdh-dark-mode .txdh-send-form input[type='text'],
html.txdh-dark-mode .txdh-send-form textarea,
html.txdh-dark-mode .txdh-send-form .layui-input,
html.txdh-dark-mode .txdh-send-form .layui-select-title input,
html.txdh-dark-mode .txdh-send-form input[readonly],
html.txdh-dark-mode .txdh-send-form #txdhSubmitPayPrice {
    background: #101820 !important;
    border-color: #344453 !important;
    color: #dfe8f2 !important;
    box-shadow: none !important;
}

html.txdh-dark-mode .txdh-send-form input[type='text']::placeholder,
html.txdh-dark-mode .txdh-send-form textarea::placeholder,
html.txdh-dark-mode .txdh-send-form .layui-input::placeholder {
    color: #758796 !important;
}

html.txdh-dark-mode .txdh-send-form input[type='text']:focus,
html.txdh-dark-mode .txdh-send-form textarea:focus,
html.txdh-dark-mode .txdh-send-form .layui-input:focus,
html.txdh-dark-mode .txdh-send-form .layui-select-title input:focus {
    background: #111b24 !important;
    border-color: #20c4ab !important;
    box-shadow: 0 0 0 3px rgba(32, 196, 171, .14) !important;
}

html.txdh-dark-mode .txdh-send-form .layui-form-select dl {
    background: #101820 !important;
    border-color: #344453 !important;
    box-shadow: 0 14px 30px rgba(0, 0, 0, .32) !important;
}

html.txdh-dark-mode .txdh-send-form .layui-form-select dl dd {
    color: #c9d4df !important;
}

html.txdh-dark-mode .txdh-send-form .layui-form-select dl dd:hover,
html.txdh-dark-mode .txdh-send-form .layui-form-select dl dd.layui-this {
    background: #20333c !important;
    color: #66dccb !important;
}

html.txdh-dark-mode .txdh-send-form .layui-edge {
    border-top-color: #9fb0bf !important;
}

html.txdh-dark-mode .txdh-send-form .layui-btn-primary {
    background: #1d2a34 !important;
    border-color: #2f4050 !important;
    color: #c9d4df !important;
    box-shadow: none !important;
}

html.txdh-dark-mode .txdh-send-form .layui-btn-primary:hover {
    background: #243541 !important;
    border-color: #20c4ab !important;
    color: #66dccb !important;
}

html.txdh-dark-mode .txdh-send-pay-row {
    padding: 12px;
    background: #121b23 !important;
    border: 1px solid #263642 !important;
    box-sizing: border-box;
}

html.txdh-dark-mode .txdh-send-pay-row .layui-inline {
    flex: 1 1 0;
    min-width: 0;
    width: auto !important;
}

html.txdh-dark-mode .txdh-send-form .txdh-submit-actions {
    gap: 12px;
}

html.txdh-dark-mode .txdh-send-form .txdh-submit-actions button.btn {
    border: 1px solid transparent !important;
}

html.txdh-dark-mode .txdh-send-form .txdh-submit-actions .txdh-submit-free {
    background: #1b3532 !important;
    border-color: #238f82 !important;
    color: #7ee7d7 !important;
    box-shadow: none !important;
}

html.txdh-dark-mode .txdh-send-form .txdh-submit-actions .txdh-submit-paid {
    background: #1b3042 !important;
    border-color: #2e78b5 !important;
    color: #9bd0ff !important;
    box-shadow: none !important;
}

html.txdh-dark-mode .txdh-send-form .txdh-submit-actions .txdh-submit-free:hover {
    background: #20c4ab !important;
    border-color: #20c4ab !important;
    color: #fff !important;
    box-shadow: 0 10px 22px rgba(32, 196, 171, .18) !important;
}

html.txdh-dark-mode .txdh-send-form .txdh-submit-actions .txdh-submit-paid:hover {
    background: #1687df !important;
    border-color: #1687df !important;
    color: #fff !important;
    box-shadow: 0 10px 22px rgba(22, 135, 223, .16) !important;
}

html.txdh-dark-mode .txdh-send-form .txdh-submit-benefits {
    border-color: #2b414a !important;
    background: #152128 !important;
}

html.txdh-dark-mode .txdh-submit-benefits-copy strong {
    color: #e0eaf2 !important;
}

html.txdh-dark-mode .txdh-submit-benefits-copy span,
html.txdh-dark-mode .txdh-submit-color-control {
    color: #9aaebe !important;
}

html.txdh-dark-mode .txdh-submit-color-control input[type='color'] {
    border-color: #3a4e5a !important;
    background: #1c2a33 !important;
}

html.txdh-dark-mode .txdh-send-tips h4 {
    color: #e6edf5 !important;
}

html.txdh-dark-mode .txdh-send-tips,
html.txdh-dark-mode .txdh-send-tips li {
    color: #a6b3c1 !important;
}

html.txdh-dark-mode .txdh-send-tips li:before {
    background: #20c4ab !important;
    box-shadow: 0 0 0 4px rgba(32, 196, 171, .1);
}

@media screen and (max-width: 990px) {
    .txdh-send-wrap {
        gap: 0 !important;
    }

    .send.txdh-send-form,
    .txdh-send-tips {
        margin-top: 12px !important;
    }

    .txdh-send-pay-row,
    .txdh-send-pay-row[style*="display: block"],
    .txdh-send-pay-row[style*="display:block"] {
        padding: 10px !important;
    }

    .txdh-send-form .txdh-submit-actions {
        gap: 0 !important;
    }
}

@media screen and (max-width: 560px) {
    #sqcontent,
    #pagecontent,
    .content .right,
    .content > .right {
        padding: 12px !important;
    }

    .send.txdh-send-form,
    .txdh-send-tips {
        padding: 13px !important;
    }

    .txdh-send-form input[type='text'],
    .txdh-send-form textarea,
    .txdh-send-form .layui-input,
    .txdh-send-form .layui-select-title input,
    .txdh-send-form .layui-btn-primary {
        height: 43px !important;
        min-height: 43px !important;
        font-size: 14px !important;
    }

    .txdh-send-brief-row textarea {
        height: 140px !important;
    }

    .txdh-send-form .txdh-submit-actions button.btn {
        height: 45px !important;
        line-height: 45px !important;
        font-size: 15px !important;
    }
}

html.txdh-dark-mode .link ul li a,
html.txdh-dark-mode .link ul li a:hover,
html.txdh-dark-mode body.mobile-page .indexSearch + .article .link ul li a,
html.txdh-dark-mode body.mobile-page .indexSearch + .article .link ul li a:hover {
    display: inline !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    line-height: 24px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

html.txdh-dark-mode .link ul li a {
    color: #dfe8f2 !important;
}

html.txdh-dark-mode .link ul li a:hover {
    color: #66dccb !important;
}

@media screen and (max-width: 990px) {
    body.menucurr {
        position: static !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        transform: none !important;
        -webkit-transform: none !important;
        overflow: hidden !important;
    }

    body.menucurr header > div nav,
    body.menucurr #topnav {
        display: block !important;
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: auto !important;
        width: 78vw !important;
        min-width: 260px !important;
        max-width: 340px !important;
        height: 100vh !important;
        max-height: 100vh !important;
        margin: 0 !important;
        padding: 54px 16px 18px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        background: #fff !important;
        border-left: 1px solid #eef1f5 !important;
        box-shadow: -18px 0 42px rgba(0, 0, 0, .18) !important;
        box-sizing: border-box !important;
        transform: none !important;
        z-index: 10001 !important;
    }

    body.menucurr header > div nav > div,
    body.menucurr #topnav > div {
        display: block !important;
        float: none !important;
        width: 100% !important;
        height: auto !important;
        line-height: normal !important;
        margin: 0 0 8px !important;
        padding: 0 !important;
        text-align: left !important;
    }

    body.menucurr header > div nav > div > a,
    body.menucurr #topnav > div > a {
        display: block !important;
        height: 40px !important;
        line-height: 40px !important;
        padding: 0 12px !important;
        color: #34495e !important;
        font-size: 15px !important;
        background: transparent !important;
    }

    body.menucurr header > div nav > div.hover > a,
    body.menucurr header > div nav > div > a:hover {
        background: #ecfbf8 !important;
        color: #20a995 !important;
    }

    body.menucurr header > div nav .list_li,
    body.menucurr header > div nav .list_all .list_li,
    body.menucurr #topnav .list_li {
        display: grid !important;
        position: static !important;
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px !important;
        margin: 8px 0 12px !important;
        padding: 10px !important;
        overflow: visible !important;
        background: #f7fafc !important;
        border: 1px solid #eef1f5 !important;
        box-shadow: none !important;
    }

    body.menucurr header > div nav .list_li li {
        display: block !important;
        float: none !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.menucurr header > div nav .list_li li a {
        display: block !important;
        height: 34px !important;
        line-height: 34px !important;
        padding: 0 9px !important;
        color: #52616f !important;
        font-size: 13px !important;
        background: #fff !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    body.menucurr header > div nav .list_li li a:hover {
        background: #20c4ab !important;
        color: #fff !important;
    }

    body.menucurr #bodybg {
        display: block !important;
        z-index: 10000 !important;
    }

    body.menucurr .menu-close {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        top: 14px !important;
        right: 14px !important;
        width: 32px !important;
        height: 32px !important;
        background: rgba(21, 31, 39, .86) url(../img/close.png) no-repeat center !important;
        background-size: 18px 18px !important;
        z-index: 10002 !important;
    }

    html.txdh-dark-mode body.menucurr header > div nav,
    html.txdh-dark-mode body.menucurr #topnav {
        background: #111820 !important;
        border-left-color: #283541 !important;
        box-shadow: -18px 0 42px rgba(0, 0, 0, .36) !important;
    }

    html.txdh-dark-mode body.menucurr header > div nav > div > a,
    html.txdh-dark-mode body.menucurr #topnav > div > a {
        color: #dfe8f2 !important;
    }

    html.txdh-dark-mode body.menucurr header > div nav > div.hover > a,
    html.txdh-dark-mode body.menucurr header > div nav > div > a:hover {
        background: #1f3139 !important;
        color: #66dccb !important;
    }

    html.txdh-dark-mode body.menucurr header > div nav .list_li,
    html.txdh-dark-mode body.menucurr header > div nav .list_all .list_li,
    html.txdh-dark-mode body.menucurr #topnav .list_li {
        background: #151f27 !important;
        border-color: #2a3946 !important;
    }

    html.txdh-dark-mode body.menucurr header > div nav .list_li li a {
        background: #202a33 !important;
        color: #c9d4df !important;
    }

    html.txdh-dark-mode body.menucurr header > div nav .list_li li a:hover {
        background: #20c4ab !important;
        color: #fff !important;
    }

    body.mobile-page #pagemenu,
    body.mobile-page .content .left#pagemenu {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        gap: 8px !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 10px 12px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        white-space: nowrap !important;
        border-right: 0 !important;
        border-bottom: 1px solid #eef1f5 !important;
        box-sizing: border-box !important;
        -webkit-overflow-scrolling: touch;
    }

    body.mobile-page #pagemenu::-webkit-scrollbar {
        display: none;
    }

    body.mobile-page #pagemenu a {
        flex: 0 0 auto !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        min-width: 76px !important;
        max-width: none !important;
        height: 34px !important;
        line-height: 34px !important;
        margin: 0 !important;
        padding: 0 12px !important;
        font-size: 14px !important;
        white-space: nowrap !important;
        word-break: keep-all !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    html.txdh-dark-mode body.mobile-page #pagemenu {
        border-bottom-color: #283541 !important;
    }
}

.txdh-mobile-menu-mask,
.txdh-mobile-drawer {
    display: none;
}

@media screen and (max-width: 990px) {
    .txdh-mobile-menu-mask {
        position: fixed;
        inset: 0;
        z-index: 10030;
        background: rgba(8, 12, 16, .62);
        opacity: 0;
        visibility: hidden;
        transition: opacity .2s ease, visibility .2s ease;
    }

    .txdh-mobile-drawer {
        display: block;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 10031;
        max-width: calc(100vw - 42px);
        padding: 16px;
        background-color: #fff;
        box-shadow: -22px 0 44px rgba(21, 39, 58, .18);
        transform: translateX(104%);
        transition: transform .24s ease;
        overflow-y: auto;
        box-sizing: border-box;
    }

    body.txdh-mobile-menu-open {
        overflow: hidden !important;
    }

    body.txdh-mobile-menu-open .txdh-mobile-menu-mask {
        display: block;
        opacity: 1;
        visibility: visible;
    }

    body.txdh-mobile-menu-open .txdh-mobile-drawer {
        transform: translateX(0);
    }

    .txdh-mobile-drawer-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 42px;
        margin-bottom: 12px;
    }

    .txdh-mobile-drawer-head span {
        font-size: 17px;
        font-weight: 600;
        color: #1f2d3d;
    }

    .txdh-mobile-drawer-close {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        border: 0;
        background: rgba(240, 244, 247, .96);
        color: #34495e;
        font-size: 26px;
        line-height: 1;
        cursor: pointer;
        border-radius: 8px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, .12);
        -webkit-tap-highlight-color: transparent;
    }

    .txdh-mobile-drawer-close:active {
        background: rgba(225, 232, 237, .96);
    }

    .txdh-mobile-toast {
        position: fixed;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%) scale(.9);
        z-index: 100999;
        padding: 10px 18px;
        background: rgba(0, 0, 0, .78);
        color: #fff;
        font-size: 14px;
        border-radius: 999px;
        opacity: 0;
        pointer-events: none;
        transition: opacity .25s ease, transform .25s ease;
        white-space: nowrap;
    }

    .txdh-mobile-toast.txdh-mobile-toast-show {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }

    .txdh-mobile-drawer-body {
        display: block;
    }

    .txdh-mobile-drawer-link {
        display: flex;
        align-items: center;
        height: 44px;
        margin-bottom: 8px;
        padding: 0 13px;
        color: #34495e;
        font-size: 15px;
        background: transparent;
        box-sizing: border-box;
    }

    .txdh-mobile-drawer-link.active,
    .txdh-mobile-drawer-group.active > .txdh-mobile-drawer-link,
    .txdh-mobile-drawer-link:hover {
        background: #ecfbf8;
        color: #20a995;
    }

    .txdh-mobile-drawer-group {
        margin-bottom: 8px;
    }

    .txdh-mobile-drawer-sort {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        margin: 0 0 10px;
        padding: 10px;
        border: 1px solid #eef1f5;
        background: #f8fbfc;
    }

    .txdh-mobile-drawer-sort a {
        display: block;
        min-width: 0;
        height: 36px;
        line-height: 36px;
        padding: 0 10px;
        background: #fff;
        color: #52616f;
        font-size: 13px;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        box-sizing: border-box;
    }

    .txdh-mobile-drawer-sort a.active,
    .txdh-mobile-drawer-sort a:hover {
        background: #20c4ab;
        color: #fff;
    }

    .txdh-mobile-direct {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        margin-top: 18px;
        padding: 18px 0 4px;
        border-top: 1px solid #eef1f5;
    }

    .txdh-mobile-direct span {
        min-width: 0;
        color: #34495e;
        font-size: 14px;
        line-height: 24px;
        white-space: nowrap;
    }

    .txdh-mobile-direct .mobile-switch {
        flex: 0 0 54px;
        width: 54px;
        height: 30px;
    }

    .txdh-mobile-direct .mobile-switch em {
        background: #d9e1eb;
    }

    .txdh-mobile-direct .mobile-switch em:before {
        top: 4px;
        left: 4px;
        width: 22px;
        height: 22px;
    }

    .txdh-mobile-direct .mobile-switch input:checked + em:before {
        transform: translateX(24px);
    }

    html.txdh-dark-mode .txdh-mobile-menu-mask {
        background: rgba(0, 0, 0, .66);
    }

    html.txdh-dark-mode .txdh-mobile-drawer {
        background-color: #111820;
        border-left-color: #283541;
        box-shadow: -22px 0 44px rgba(0, 0, 0, .42);
    }

    html.txdh-dark-mode .txdh-mobile-drawer-head span {
        color: #e6edf5;
    }

    html.txdh-dark-mode .txdh-mobile-drawer-close {
        background: #202a33;
        color: #e6edf5;
    }

    html.txdh-dark-mode .txdh-mobile-drawer-link {
        color: #dfe8f2;
    }

    html.txdh-dark-mode .txdh-mobile-drawer-link.active,
    html.txdh-dark-mode .txdh-mobile-drawer-group.active > .txdh-mobile-drawer-link,
    html.txdh-dark-mode .txdh-mobile-drawer-link:hover {
        background: #1f3139;
        color: #66dccb;
    }

    html.txdh-dark-mode .txdh-mobile-drawer-sort {
        background: #151f27;
        border-color: #2a3946;
    }

    html.txdh-dark-mode .txdh-mobile-drawer-sort a {
        background: #202a33;
        color: #c9d4df;
    }

    html.txdh-dark-mode .txdh-mobile-drawer-sort a.active,
    html.txdh-dark-mode .txdh-mobile-drawer-sort a:hover {
        background: #20c4ab;
        color: #fff;
    }

    html.txdh-dark-mode .txdh-mobile-direct {
        border-top-color: #283541;
    }

    html.txdh-dark-mode .txdh-mobile-direct span {
        color: #dfe8f2;
    }

    html.txdh-dark-mode .txdh-mobile-direct .mobile-switch em {
        background: #2e3b48;
    }

    html.txdh-dark-mode .txdh-mobile-direct .mobile-switch input:checked + em {
        background: #20c4ab;
    }
}

@media screen and (max-width: 990px) {
    .txdh-mobile-drawer .txdh-mobile-drawer-sort {
        display: none !important;
    }

    .txdh-mobile-drawer .txdh-mobile-drawer-group.open .txdh-mobile-drawer-sort {
        display: grid !important;
    }

    .txdh-mobile-drawer .txdh-mobile-drawer-group > .txdh-mobile-drawer-link {
        position: relative;
        width: 100%;
        border: 0;
        cursor: pointer;
        text-align: left;
        font-family: inherit;
    }

    .txdh-mobile-drawer .txdh-mobile-drawer-group > .txdh-mobile-drawer-link:after {
        content: "";
        position: absolute;
        right: 14px;
        top: 50%;
        width: 8px;
        height: 8px;
        border-right: 2px solid currentColor;
        border-bottom: 2px solid currentColor;
        transform: translateY(-65%) rotate(45deg);
        transition: transform .18s ease;
        opacity: .72;
    }

    .txdh-mobile-drawer .txdh-mobile-drawer-group.open > .txdh-mobile-drawer-link:after {
        transform: translateY(-35%) rotate(225deg);
    }
}

html.txdh-dark-mode .indexSearch + .article > .index-web-section {
    background: #171f27 !important;
    border: 1px solid #283541 !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .18);
}

html.txdh-dark-mode .indexSearch + .article .index-web-section .indexWebList li.txdh-top-empty,
html.txdh-dark-mode .indexSearch + .article .index-web-section .indexWebList li.txdh-top-empty:hover {
    border-color: #334252 !important;
    background: #202a33 !important;
    color: #8fa0b1 !important;
}

@media screen and (min-width: 991px) {
    /* 首页三区块（置顶站点 / 最新点入 / 最新加入）站点卡片样式
       由 public.css 末尾「首页三区块美化」统一接管，此处不再强制透明 */

    .article > .index-web-section .indexWebList li.txdh-top-empty,
    .article > .index-web-section .indexWebList li.txdh-top-empty:hover {
        background: #fbfcfd !important;
        border: 1px dashed #e5eaf0 !important;
        box-shadow: none !important;
    }

    html.txdh-dark-mode .article > .index-web-section .indexWebList li.txdh-top-empty,
    html.txdh-dark-mode .article > .index-web-section .indexWebList li.txdh-top-empty:hover {
        background: #202a33 !important;
        border-color: #334252 !important;
        color: #8fa0b1 !important;
    }

    .article > .index-web-section .indexWebList li > a {
        padding-right: 62px;
    }

    .article > .index-web-section .indexWebList li > a .hots {
        width: 26px;
        height: 26px;
        top: 0;
        right: 18px;
        margin: 0;
        background-size: contain;
        background-repeat: no-repeat;
        transform: none;
    }

    .article > .index-web-section .indexWebList li > a .xl {
        display: inline-block !important;
        top: 25px;
        right: 18px;
        bottom: auto;
        width: 12px;
        height: 8px;
    }

    .article > .index-web-section .indexWebList li > a .xl:after {
        margin: 0 0 0 1px;
    }

    .article > .index-web-section .indexWebList li > a .xlhover:after {
        margin: 0 0 0 1px;
        transform: none !important;
    }

    .article > .index-web-section .indexWebList li .info {
        top: 100%;
        left: 8px;
        width: 126px;
        min-width: 0;
        padding: 8px 0;
    }

    .article > .index-web-section .indexWebList li .info a {
        height: 42px;
        line-height: 42px;
        font-size: 15px;
    }
}

.indexSearch + .article .title h3 {
    font-size: 17px !important;
    font-weight: 400 !important;
    color: #0f1f33 !important;
}

html.txdh-dark-mode .indexSearch + .article .title h3 {
    color: #dfe8f2 !important;
}

html.txdh-dark-mode .index-rank-tabs {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

html.txdh-dark-mode .index-rank-tabs a {
    border-color: #2b3a47 !important;
    background: #18232b !important;
    color: #b4c3cf !important;
    box-shadow: none !important;
}

html.txdh-dark-mode .index-rank-tabs a:hover {
    border-color: rgba(32, 196, 171, .42) !important;
    background: #203039 !important;
    color: #78ddce !important;
}

html.txdh-dark-mode .index-rank-tabs a.active {
    border-color: #20c4ab !important;
    background: #20c4ab !important;
    color: #fff !important;
    box-shadow: 0 8px 16px rgba(32, 196, 171, .16) !important;
}
.title h3,
.webnavlog .title h3,
.article-related .title h3,
.txdh-ad-info-page > .title h3,
.main_right .sidebar h3 {
    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 32px !important;
    color: #0f1f33 !important;
    font-family: inherit !important;
}

.title h3:before,
.webnavlog .title h3:before,
.article-related .title h3:before,
.txdh-ad-info-page > .title h3:before,
.main_right .sidebar h3:before {
    width: 3px !important;
    height: 18px !important;
    top: 7px !important;
    transform: none !important;
}

.main_right .sidebar-twitter-card {
    padding: 20px 22px 18px !important;
    overflow: hidden;
    border-color: #dfeeea !important;
    background: #fff !important;
}

.main_right .sidebar-twitter-card h3 {
    margin: 0 0 14px !important;
    padding-left: 14px !important;
}

.main_right .side-twitter-list {
    margin: 0;
    padding: 2px 0 0;
}

.main_right .side-twitter-item {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    gap: 0 10px;
    padding: 12px 0;
    border-bottom: 1px solid #eef5f3;
}

.main_right .side-twitter-item:first-child {
    padding-top: 2px;
}

.main_right .side-twitter-item:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.main_right .side-twitter-item .comment-info_img {
    grid-row: 1 / span 2;
    display: block;
    width: 38px;
    height: 38px;
    padding: 2px;
    border: 1px solid #d8f1ed;
    border-radius: 50%;
    background: #fff;
    object-fit: cover;
}

.main_right .side-twitter-item .comm-lates-name {
    min-width: 0;
    color: #102033;
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.main_right .side-twitter-item .logcom-latest-time {
    justify-self: end;
    color: #9aa6b2;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}

.main_right .side-twitter-content {
    grid-column: 2 / -1;
    min-width: 0;
    margin-top: 6px;
    padding: 8px 10px;
    border: 1px solid #e5f3f0;
    border-radius: 6px;
    background: #f8fdfc;
    color: #5f6d7b;
    font-size: 13px;
    line-height: 1.7;
    overflow-wrap: anywhere;
}

.main_right .side-twitter-content a {
    color: #20a995;
}

.main_right .side-twitter-content p {
    margin: 0 0 6px;
}

.main_right .side-twitter-content p:last-child {
    margin-bottom: 0;
}

.main_right .side-twitter-content img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-top: 6px;
    border-radius: 6px;
}

html.txdh-dark-mode .main_right .sidebar.sidebar-twitter-card {
    background: #171f27 !important;
    border-color: #2c3c48 !important;
}

html.txdh-dark-mode .main_right .side-twitter-item {
    border-bottom-color: #2e3b48;
}

html.txdh-dark-mode .main_right .side-twitter-item .comment-info_img {
    border-color: #355366;
    background: #202b35;
}

html.txdh-dark-mode .main_right .side-twitter-item .comm-lates-name {
    color: #eef6fb;
}

html.txdh-dark-mode .main_right .side-twitter-item .logcom-latest-time {
    color: #94a7b7;
}

html.txdh-dark-mode .main_right .side-twitter-content {
    border-color: #2e3b48;
    background: #202a33;
    color: #aebdca;
}

html.txdh-dark-mode .main_right .side-twitter-content a {
    color: #66dccb;
}

.main_right .sidebar.sidebar-author-card {
    padding: 20px 22px 18px !important;
    overflow: hidden;
    border-color: #dfeeea !important;
    background: #fff !important;
}

.main_right .sidebar-author-card h3 {
    margin: 0 0 14px !important;
    padding-left: 14px !important;
}

.main_right .txdh-sidebar-author {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 0 14px;
    padding: 14px 0 0;
    border-top: 1px solid #eef5f3;
}

.main_right .txdh-sidebar-author-avatar {
    grid-row: 1 / span 2;
    display: block;
    width: 64px;
    height: 64px;
    padding: 3px;
    border: 1px solid #cfe9e3;
    border-radius: 50%;
    background: #f7fcfb;
}

.main_right .txdh-sidebar-author-avatar img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.main_right .txdh-sidebar-author-main {
    min-width: 0;
    align-self: center;
}

.main_right .txdh-sidebar-author-name {
    display: block;
    max-width: 100%;
    color: #102033;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.main_right .txdh-sidebar-author-role {
    display: inline-flex;
    align-items: center;
    height: 20px;
    margin-top: 5px;
    padding: 0 8px;
    border: 1px solid #bce7de;
    border-radius: 4px;
    background: #f4fcfa;
    color: #148d7a;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0;
}

.main_right .txdh-sidebar-author-desc {
    grid-column: 1 / -1;
    margin: 14px 0 0;
    padding: 12px 0 0;
    border-top: 0;
    color: #65717d;
    font-size: 13px;
    line-height: 1.8;
    word-break: break-word;
}

.main_right .txdh-sidebar-author-meta {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 14px;
}

.main_right .txdh-sidebar-author-meta span {
    display: inline-flex;
    align-items: baseline;
    gap: 5px;
    color: #7a8794;
    font-size: 12px;
}

.main_right .txdh-sidebar-author-meta b {
    color: #148d7a;
    font-size: 22px;
    line-height: 1;
}

.main_right .txdh-sidebar-author-meta em {
    font-style: normal;
}

.main_right .txdh-sidebar-author-meta a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    padding: 0 12px;
    border: 1px solid #d9eee9;
    border-radius: 4px;
    background: #fbfffe;
    color: #148d7a;
    font-size: 13px;
    white-space: nowrap;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}

.main_right .txdh-sidebar-author-meta a:hover {
    border-color: #20a995;
    background: #20a995;
    color: #fff;
}

@media (max-width: 768px) {
    .main_right .sidebar-twitter-card {
        padding: 16px 16px 14px !important;
    }

    .main_right .side-twitter-item {
        grid-template-columns: 34px minmax(0, 1fr);
        gap: 0 9px;
    }

    .main_right .side-twitter-item .comment-info_img {
        width: 34px;
        height: 34px;
    }

    .main_right .side-twitter-item .logcom-latest-time {
        grid-column: 2;
        justify-self: start;
        margin-top: 2px;
    }

    .main_right .side-twitter-content {
        grid-column: 1 / -1;
        margin-top: 8px;
    }

    .main_right .txdh-sidebar-author {
        grid-template-columns: 54px minmax(0, 1fr);
        gap: 0 12px;
        padding: 12px 0 0;
    }

    .main_right .txdh-sidebar-author-avatar {
        width: 54px;
        height: 54px;
    }

    .main_right .txdh-sidebar-author-name {
        font-size: 16px;
        line-height: 22px;
    }

    .main_right .txdh-sidebar-author-meta {
        align-items: stretch;
    }

    .main_right .txdh-sidebar-author-meta a {
        flex: 0 0 auto;
    }
}
body.mobile-page .fenlei .title.searchweb {
    display: flex !important;
    height: auto !important;
    margin-bottom: 10px !important;
}

body.mobile-page .fenlei .title.searchweb h3 {
    display: block !important;
}

body.mobile-page .fenlei .title.searchweb form {
    display: flex !important;
}
body.inner-page article.article,
body.inner-page .article {
    margin-bottom: 32px !important;
}

body.listing-page .lists {
    min-height: 260px !important;
}

body.inner-page .footer {
    margin-top: 0 !important;
}

body.tools-page .article-tool-list-page {
    margin-bottom: 30px !important;
}

body.tools-page {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

body.tools-page .headerwrap,
body.tools-page .article-tool-list-page {
    flex: 0 0 auto;
}

body.tools-page .txdh-footer-wrap {
    margin-top: auto;
}
html.txdh-dark-mode .comment-post {
    background: transparent !important;
    border-color: transparent !important;
}

html.txdh-dark-mode .comment-post .comm_toolbar {
    margin-top: 12px !important;
    background: transparent !important;
}

html.txdh-dark-mode .comment-post .comm_tool {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    min-height: 34px !important;
}

html.txdh-dark-mode .comment-post .tool_bq,
html.txdh-dark-mode .comment-post .tool_img,
html.txdh-dark-mode .comment-post .comm_tijiao,
html.txdh-dark-mode .comment-post .comm_rest,
html.txdh-dark-mode .comment-post .comm_close,
html.txdh-dark-mode .comment-post .cancel-reply,
html.txdh-dark-mode .comment-post #comment_submit {
    float: none !important;
    margin-right: 0 !important;
}
/* Article detail dark mode polish */
html.txdh-dark-mode body.detail-page {
    background: #101820 !important;
}

html.txdh-dark-mode body.detail-page .arLeft,
html.txdh-dark-mode body.detail-page .main_right .sidebar,
html.txdh-dark-mode body.detail-page .comments-section {
    background: #171f27 !important;
    border-color: #283541 !important;
    box-shadow: 0 18px 44px rgba(0, 0, 0, .24) !important;
}

html.txdh-dark-mode body.detail-page .article-breadcrumb,
html.txdh-dark-mode body.detail-page .article-related,
html.txdh-dark-mode body.detail-page .article-bottom {
    border-color: #2e3b48 !important;
}

html.txdh-dark-mode body.detail-page .article-breadcrumb,
html.txdh-dark-mode body.detail-page .article-breadcrumb em,
html.txdh-dark-mode body.detail-page .arLeft > .user,
html.txdh-dark-mode body.detail-page .arLeft > .user .meta-item .layui-icon,
html.txdh-dark-mode body.detail-page .comment-empty,
html.txdh-dark-mode body.detail-page .comment-empty-text,
html.txdh-dark-mode body.detail-page .comment-info,
html.txdh-dark-mode body.detail-page .comment-info .comment-time,
html.txdh-dark-mode body.detail-page .comment-info .louceng {
    color: #8fa0b1 !important;
}

html.txdh-dark-mode body.detail-page .article-breadcrumb a,
html.txdh-dark-mode body.detail-page .arLeft > h1,
html.txdh-dark-mode body.detail-page .article-copyright .label,
html.txdh-dark-mode body.detail-page .article-related li span,
html.txdh-dark-mode body.detail-page .article-neighbor a,
html.txdh-dark-mode body.detail-page .article-neighbor em,
html.txdh-dark-mode body.detail-page .comment-info .poster,
html.txdh-dark-mode body.detail-page .comment-info .poster a {
    color: #dfe8f2 !important;
}

html.txdh-dark-mode body.detail-page .arLeft > .content,
html.txdh-dark-mode body.detail-page .arLeft > .content p,
html.txdh-dark-mode body.detail-page .article-copyright p,
html.txdh-dark-mode body.detail-page .comment-content {
    color: #b8c6d5 !important;
}

html.txdh-dark-mode body.detail-page .article-copyright,
html.txdh-dark-mode body.detail-page .article-related li a,
html.txdh-dark-mode body.detail-page .article-related li.empty,
html.txdh-dark-mode body.detail-page .article-neighbor > div,
html.txdh-dark-mode body.detail-page .comment-empty-icon,
html.txdh-dark-mode body.detail-page .main_right #blogsort li a,
html.txdh-dark-mode body.detail-page .main_right #link li a,
html.txdh-dark-mode body.detail-page .main_right #newlog li a,
html.txdh-dark-mode body.detail-page .main_right #hotlog li a,
html.txdh-dark-mode body.detail-page .main_right #record li a {
    background: #202a33 !important;
    border-color: #2e3b48 !important;
    color: #c9d4df !important;
}

html.txdh-dark-mode body.detail-page .main_right #blogtags span {
    border-color: #2e3b48 !important;
    color: #c9d4df !important;
}

html.txdh-dark-mode body.detail-page .article-related li a:hover,
html.txdh-dark-mode body.detail-page .article-neighbor > div:hover,
html.txdh-dark-mode body.detail-page .main_right #blogsort li a:hover,
html.txdh-dark-mode body.detail-page .main_right #link li a:hover,
html.txdh-dark-mode body.detail-page .main_right #newlog li a:hover,
html.txdh-dark-mode body.detail-page .main_right #hotlog li a:hover,
html.txdh-dark-mode body.detail-page .main_right #record li a:hover,
html.txdh-dark-mode body.detail-page .main_right #blogtags span:hover {
    background: #263440 !important;
    border-color: #395063 !important;
    color: #66dccb !important;
}

html.txdh-dark-mode body.detail-page .article-related li em,
html.txdh-dark-mode body.detail-page .article-neighbor span,
html.txdh-dark-mode body.detail-page .article-neighbor em,
html.txdh-dark-mode body.detail-page .main_right #newlog li a em,
html.txdh-dark-mode body.detail-page .main_right #hotlog li a em,
html.txdh-dark-mode body.detail-page .main_right #newcomment p a {
    color: #9fb0bf !important;
}

html.txdh-dark-mode body.detail-page .article-copyright a,
html.txdh-dark-mode body.detail-page .article-neighbor a:hover,
html.txdh-dark-mode body.detail-page .article-related li a:hover span,
html.txdh-dark-mode body.detail-page .comment-info .comment-reply a {
    color: #66dccb !important;
}

html.txdh-dark-mode body.detail-page .main_right #blogtags span a {
    color: #fff;
}

html.txdh-dark-mode body.detail-page .comment,
html.txdh-dark-mode body.detail-page .comment-children,
html.txdh-dark-mode body.detail-page .main_right #newcomment li {
    border-color: #2e3b48 !important;
}

html.txdh-dark-mode body.detail-page .comment-children {
    border-left-color: #2e3b48 !important;
}

html.txdh-dark-mode body.detail-page .comment-post .textarea textarea,
html.txdh-dark-mode body.detail-page .comm_infobox input[type="text"],
html.txdh-dark-mode body.detail-page .comm_infobox input[type="email"],
html.txdh-dark-mode body.detail-page .main_right #logsearch .search {
    background: #202a33 !important;
    border-color: #2e3b48 !important;
    color: #dfe8f2 !important;
}

html.txdh-dark-mode body.detail-page .comment-post .textarea textarea:focus,
html.txdh-dark-mode body.detail-page .main_right #logsearch .search:focus {
    border-color: #20c4ab !important;
    box-shadow: 0 0 0 2px rgba(32, 196, 171, .12) !important;
}

html.txdh-dark-mode body.detail-page .comment-post .textarea textarea::placeholder,
html.txdh-dark-mode body.detail-page .main_right #logsearch .search::placeholder {
    color: #8fa0b1 !important;
}
/* Article neighbor dark mode refinement */
html.txdh-dark-mode body.detail-page .article-neighbor {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

html.txdh-dark-mode body.detail-page .article-neighbor > div {
    background: #1c2730 !important;
    border-color: #334250 !important;
    box-shadow: none !important;
}

html.txdh-dark-mode body.detail-page .article-neighbor > div:hover {
    background: #22303a !important;
    border-color: #3e5668 !important;
}

html.txdh-dark-mode body.detail-page .article-neighbor span {
    color: #9fb0bf !important;
}

html.txdh-dark-mode body.detail-page .article-neighbor a,
html.txdh-dark-mode body.detail-page .article-neighbor em {
    color: #dfe8f2 !important;
}

/* Mobile responsive final overrides */
@media screen and (max-width: 990px) {
    html,
    body {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    *,
    *:before,
    *:after {
        box-sizing: border-box;
    }

    img,
    video,
    iframe,
    table {
        max-width: 100% !important;
    }

    .headerwrap,
    .headerwrap.other-header,
    header,
    header > div {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        left: 0 !important;
        right: 0 !important;
    }

    header > div {
        padding: 0 12px !important;
    }

    header > div .logo {
        float: left !important;
        display: flex !important;
        align-items: center !important;
        width: auto !important;
        max-width: 75vw !important;
        height: auto !important;
        margin: 15px 0 0 0 !important;
    }

    header > div .logo img {
        max-height: 30px !important;
        max-width: 100% !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
    }

    .listBtn,
    header .listBtn {
        right: 14px !important;
        top: 15px !important;
        z-index: 10020 !important;
    }

    .indexSearch,
    body.mobile-page .indexSearch {
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        padding: 92px 12px 40px !important;
        overflow: visible !important;
    }

    .indexSearch > .layui-clear,
    body.mobile-page .indexSearch > .layui-clear {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }

    .indexSearch > .layui-clear .search-box,
    body.mobile-page .indexSearch > .layui-clear .search-box {
        display: flex !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .indexSearch > .layui-clear input,
    body.mobile-page .indexSearch > .layui-clear input {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        width: auto !important;
    }

    .indexSearch > .layui-clear .btn,
    body.mobile-page .indexSearch > .layui-clear .btn {
        flex: 0 0 52px !important;
        width: 52px !important;
    }

    .search-engine-tabs,
    body.mobile-page .search-engine-tabs,
    .fenlei ul,
    #pagemenu {
        max-width: 100% !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch;
    }

    .article,
    article.article,
    body.mobile-page .article,
    body.mobile-page article.article,
    .webnavlog,
    body.mobile-page .webnavlog {
        width: calc(100vw - 20px) !important;
        max-width: calc(100vw - 20px) !important;
        min-width: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        overflow: visible !important;
    }

    .indexSearch + .article,
    body.mobile-page .indexSearch + .article {
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 0 !important;
    }

    .article > *,
    article.article > *,
    .article > .content,
    article.article > .content,
    .indexSearch + .article > *,
    .webnavlog > *,
    .content,
    .content > .left,
    .content > .right,
    #sqcontent,
    #pagecontent {
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    .article > .content,
    article.article > .content,
    .article.article-with-sidebar,
    .txdh-other,
    .txdh-idea-wrap,
    .txdh-send-wrap {
        display: block !important;
        width: 100% !important;
    }

    .article-main-left,
    .arLeft,
    .main_right,
    .article.article-with-sidebar > .content,
    .article.article-with-sidebar > .main_right,
    .txdh-other .txdh-left,
    .txdh-other .txdh-right,
    .content > .left,
    .content > .right {
        float: none !important;
        clear: both !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .main_right,
    .article.article-with-sidebar > .main_right {
        margin-top: 12px !important;
    }

    .index-web-section,
    .latest-visit,
    .link,
    .txdh-ad-text,
    .txdh-other > .txdh-left > div,
    .txdh-other > .txdh-right > div,
    .fenlei,
    .lists,
    .arLeft,
    .main_right .sidebar,
    .comments-section,
    .webnavlog .info,
    .webnavlog .other,
    .webnavlog .lists,
    .webnavlog .comments-section {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        overflow: hidden !important;
    }

    .indexWebList,
    body.mobile-page .indexWebList {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    .list,
    .list:nth-child(6),
    .list:nth-child(11),
    .list:nth-child(16) {
        border-bottom: 0 !important;
        padding-bottom: 12px !important;
        margin-bottom: 12px !important;
    }

    .list:last-child,
    .list:nth-child(6):last-child,
    .list:nth-child(11):last-child,
    .list:nth-child(16):last-child {
        border-bottom: 0 !important;
    }

    .indexWebList li,
    .indexWebList li:nth-child(7n),
    body.mobile-page .indexWebList li,
    body.mobile-page .indexWebList li:nth-child(7n) {
        float: none !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    .indexWebList li > a,
    body.mobile-page .indexWebList li > a {
        display: flex !important;
        align-items: center !important;
        min-width: 0 !important;
        padding: 10px 24px 10px 10px !important;
        overflow: hidden !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
    }

    .indexWebList li > a img,
    body.mobile-page .indexWebList li > a img {
        flex: 0 0 18px !important;
        width: 18px !important;
        height: 18px !important;
    }

    .indexWebList li .info {
        top: calc(100% + 8px) !important;
        left: 0 !important;
        right: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        transform: none !important;
    }

    .indexWebList li .info:before {
        content: "" !important;
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        top: -8px !important;
        height: 8px !important;
    }

    .lists ul,
    .webnavlog .lists ul {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    .lists ul li,
    .lists ul li:nth-child(1),
    .lists ul li:nth-child(2),
    .lists ul li:nth-child(3),
    .lists ul li:nth-child(3n),
    .lists ul li:nth-child(4n),
    .webnavlog .lists ul li,
    .webnavlog .lists ul li:nth-child(1),
    .webnavlog .lists ul li:nth-child(4n) {
        float: none !important;
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        margin: 0 0 10px !important;
    }

    .lists ul li a,
    .webnavlog .lists ul li a {
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    .lists ul li a .img,
    .webnavlog .lists ul li a .img {
        flex: 0 0 72px !important;
        float: none !important;
        width: 72px !important;
        height: 54px !important;
    }

    .lists ul li a > .title,
    .lists ul li a .introduce,
    .lists ul li a .site-introduce,
    .webnavlog .lists ul li a > .title {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        width: auto !important;
        margin-left: 0 !important;
        overflow: hidden !important;
    }

    .webnavlog .info {
        display: block !important;
    }

    .webnavlog .info .left,
    .webnavlog .info .right,
    .webnavlog .info .right ul,
    .webnavlog .webnav-neighbor,
    .article-related ul,
    .article-neighbor {
        display: block !important;
        width: 100% !important;
    }

    .article-related ul li + li {
        margin-top: 10px !important;
    }

    .webnavlog .info .right ul li,
    .webnavlog .webnav-neighbor > div,
    .article-neighbor > div {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .article-breadcrumb,
    .article-neighbor,
    .article-related,
    .article-bottom {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .comment-children {
        margin-left: 14px !important;
        padding-left: 12px !important;
    }

    .rank-page #hotpageContent .lists li {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    .rank-page #hotpageContent .lists li .introduce {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        width: auto !important;
        margin: 0 !important;
    }

    .rank-page #hotpageContent .lists li .click {
        display: none !important;
    }

    .rank-page #hotpageContent .lists li .go {
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 52px !important;
        margin-left: 0 !important;
    }

    .footer,
    .footer > div {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }
}

/* Article tags */
html.txdh-dark-mode body.detail-page .article-copyright .copyright-icon {
    color: #63aaf5 !important;
}

html.txdh-dark-mode body.detail-page .article-copyright p span {
    color: #d7e1eb !important;
}

html.txdh-dark-mode body.detail-page .article-tags > a {
    background: #1c2b31 !important;
    border-color: #34545a !important;
    color: #8fe0d2 !important;
}

html.txdh-dark-mode body.detail-page .article-tags > a:hover {
    background: #233940 !important;
    border-color: #4d7d7f !important;
    color: #dfe8f2 !important;
}

@media screen and (max-width: 990px) {
    .arLeft {
        overflow: visible !important;
    }
}

/* Detail page dark mode surface cleanup */
html.txdh-dark-mode body.detail-page .article > .content {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

html.txdh-dark-mode body.detail-page .arLeft {
    background: #171f27 !important;
    border-color: #283541 !important;
    box-shadow: 0 14px 32px rgba(0, 0, 0, .2) !important;
}

html.txdh-dark-mode body.detail-page .comments-section {
    margin-top: 28px !important;
    padding-top: 26px !important;
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

html.txdh-dark-mode body.detail-page .comment-post {
    background: transparent !important;
}

/* Webnav detail comments should stay as an independent section */
.webnavlog > .comments-section {
    clear: both !important;
    margin-top: 28px !important;
    padding: 28px !important;
    border: 1px solid #eef1f5 !important;
    background: #fff !important;
    box-shadow: 0 12px 34px rgba(21, 39, 58, .06) !important;
    overflow: visible !important;
}

.webnavlog > .comments-section .title {
    margin-bottom: 20px !important;
}

.webnavlog > .comments-section .comment-empty {
    margin: 6px 0 26px !important;
    padding: 34px 20px 26px !important;
    border: 1px solid #eef1f5 !important;
    background: #fbfcfd !important;
}

.webnavlog > .comments-section .comment-empty img {
    display: block;
    width: 220px !important;
    max-width: 70% !important;
    margin: 0 auto 10px !important;
}

.webnavlog > .comments-section #comment-place,
.webnavlog > .comments-section .comment-post {
    margin-top: 0 !important;
}

.webnavlog > .comments-section .comment-post {
    padding: 18px !important;
    border: 1px solid #eef1f5 !important;
    background: #fbfcfd !important;
}

.webnavlog > .comments-section .comment-post .textarea textarea {
    min-height: 190px !important;
}

.webnavlog > .comments-section .comm_toolbar {
    margin-top: 12px !important;
}

html.txdh-dark-mode body.detail-page .webnavlog > .comments-section {
    background: #151d25 !important;
    border-color: #283541 !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, .24) !important;
}

html.txdh-dark-mode body.detail-page .webnavlog > .comments-section .comment-empty {
    background: #111920 !important;
    border-color: #253341 !important;
}

html.txdh-dark-mode body.detail-page .webnavlog > .comments-section .comment-empty img {
    opacity: .72 !important;
    filter: saturate(.85) brightness(.9);
}

html.txdh-dark-mode body.detail-page .webnavlog > .comments-section .comment-post {
    background: #111920 !important;
    border-color: #253341 !important;
}

html.txdh-dark-mode body.detail-page .webnavlog > .comments-section .comment-post .textarea textarea {
    background: #1b2731 !important;
    border-color: #334353 !important;
    color: #dfe8f2 !important;
}

html.txdh-dark-mode body.detail-page .webnavlog > .comments-section .comment-post .textarea textarea:focus {
    border-color: #20c4ab !important;
    box-shadow: 0 0 0 2px rgba(32, 196, 171, .12) !important;
}

@media screen and (max-width: 990px) {
    .webnavlog > .comments-section {
        margin-top: 18px !important;
        padding: 16px !important;
    }

    .webnavlog > .comments-section .comment-post {
        padding: 12px !important;
    }

    .webnavlog > .comments-section .comment-post .textarea textarea {
        min-height: 150px !important;
    }
}

/* Standalone previous and next sections */
html.txdh-dark-mode body.detail-page .article-neighbor.article-neighbor-standalone,
html.txdh-dark-mode body.detail-page .webnavlog .webnav-neighbor.webnav-neighbor-standalone {
    background: #151d25 !important;
    border-color: #283541 !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, .24) !important;
}

html.txdh-dark-mode body.detail-page .article-neighbor.article-neighbor-standalone > div,
html.txdh-dark-mode body.detail-page .webnavlog .webnav-neighbor.webnav-neighbor-standalone > div {
    background: #1b2731 !important;
    border-color: #334353 !important;
}

html.txdh-dark-mode body.detail-page .article-neighbor.article-neighbor-standalone span,
html.txdh-dark-mode body.detail-page .webnavlog .webnav-neighbor.webnav-neighbor-standalone span {
    color: #91a3b4 !important;
}

html.txdh-dark-mode body.detail-page .article-neighbor.article-neighbor-standalone a,
html.txdh-dark-mode body.detail-page .article-neighbor.article-neighbor-standalone em,
html.txdh-dark-mode body.detail-page .webnavlog .webnav-neighbor.webnav-neighbor-standalone a,
html.txdh-dark-mode body.detail-page .webnavlog .webnav-neighbor.webnav-neighbor-standalone em {
    color: #dfe8f2 !important;
}

html.txdh-dark-mode body.detail-page .article-neighbor.article-neighbor-standalone a:hover,
html.txdh-dark-mode body.detail-page .webnavlog .webnav-neighbor.webnav-neighbor-standalone a:hover {
    color: #66dccb !important;
}

/* Standalone related and comments sections */
.webnavlog > .webnav-related-standalone {
    clear: both !important;
    margin-top: 28px !important;
    padding: 28px !important;
    border: 1px solid #eef1f5 !important;
    background: #fff !important;
    box-shadow: 0 12px 34px rgba(21, 39, 58, .06) !important;
    overflow: visible !important;
}

html.txdh-dark-mode body.detail-page .article-main-left > .article-related,
html.txdh-dark-mode body.detail-page .article-main-left > .article-comments-section,
html.txdh-dark-mode body.detail-page .webnavlog > .webnav-related-standalone,
html.txdh-dark-mode body.detail-page .webnavlog > .webnav-comments-section {
    background: #151d25 !important;
    border-color: #283541 !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, .24) !important;
}

html.txdh-dark-mode body.detail-page .article-main-left > .article-comments-section .comment-empty,
html.txdh-dark-mode body.detail-page .article-main-left > .article-comments-section .comment-post,
html.txdh-dark-mode body.detail-page .webnavlog > .webnav-comments-section .comment-empty,
html.txdh-dark-mode body.detail-page .webnavlog > .webnav-comments-section .comment-post {
    background: #111920 !important;
    border-color: #253341 !important;
}

html.txdh-dark-mode body.detail-page .article-main-left > .article-comments-section .comment-post .textarea textarea,
html.txdh-dark-mode body.detail-page .webnavlog > .webnav-comments-section .comment-post .textarea textarea {
    background: #1b2731 !important;
    border-color: #334353 !important;
    color: #dfe8f2 !important;
}

html.txdh-dark-mode body.detail-page .article-main-left > .article-comments-section .comment-post .textarea textarea:focus,
html.txdh-dark-mode body.detail-page .webnavlog > .webnav-comments-section .comment-post .textarea textarea:focus {
    border-color: #20c4ab !important;
    box-shadow: 0 0 0 2px rgba(32, 196, 171, .12) !important;
}

html.txdh-dark-mode body.detail-page .article-main-left > .article-comments-section .comment-empty img,
html.txdh-dark-mode body.detail-page .webnavlog > .webnav-comments-section .comment-empty img {
    opacity: .72 !important;
    filter: saturate(.85) brightness(.9);
}

/* Mobile article top spacing */
@media screen and (max-width: 990px) {
    body.mobile-page.detail-page .article-main-left .arLeft,
    body.mobile-page.detail-page .arLeft {
        padding-top: 18px !important;
    }

    body.mobile-page.detail-page .article-breadcrumb {
        margin: 0 0 18px !important;
        padding-bottom: 14px !important;
    }

    body.mobile-page.detail-page .article-tags {
        display: flex !important;
        flex: 1 1 calc(100% - 92px) !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 6px !important;
        width: auto !important;
        min-width: 0 !important;
    }

    body.mobile-page.detail-page .article-tags > a {
        width: auto !important;
        max-width: 92px !important;
        min-width: 0 !important;
    }

}

@media screen and (max-width: 380px) {
    body.mobile-page.detail-page .article-tags {
        flex-basis: 100% !important;
        order: 1 !important;
    }

}

html.txdh-dark-mode body.detail-page .webnavlog > .webnav-related-standalone ul li {
    background: #1b2731 !important;
    border-color: #334353 !important;
}

html.txdh-dark-mode body.detail-page .webnavlog > .webnav-related-standalone ul li:hover {
    background: #22303a !important;
    border-color: #3e5668 !important;
}

@media screen and (max-width: 990px) {
    .webnavlog > .webnav-related-standalone {
        margin-top: 18px !important;
        padding: 16px !important;
    }
}

/* Mobile article list: unified for BOTH search (listing-page) and sort update (update-page) pages. */
@media screen and (max-width: 990px) {
    body.mobile-page .article.article-list-page {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        box-sizing: border-box;
    }

    .article.article-list-page > .txdh-update-summary {
        width: calc(100vw - (var(--txdh-mobile-gutter, 12px) * 2)) !important;
        max-width: calc(100vw - (var(--txdh-mobile-gutter, 12px) * 2)) !important;
        margin: 72px var(--txdh-mobile-gutter, 12px) 12px !important;
        padding: 18px;
        box-sizing: border-box;
    }

    body.mobile-page .article-list-page #logLeftList {
        display: flex !important;
        align-items: center;
        gap: 10px;
        width: calc(100vw - (var(--txdh-mobile-gutter, 12px) * 2)) !important;
        max-width: calc(100vw - (var(--txdh-mobile-gutter, 12px) * 2)) !important;
        min-height: 42px;
        margin: 0 var(--txdh-mobile-gutter, 12px) 12px !important;
        padding: 0 2px 2px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        white-space: nowrap !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        touch-action: pan-x;
    }

    body.mobile-page .article-list-page #logLeftList::-webkit-scrollbar {
        display: none;
    }

    body.mobile-page .article-list-page #logLeftList li {
        flex: 0 0 auto;
        margin: 0 !important;
    }

    body.mobile-page .article-list-page #logLeftList li a {
        display: flex !important;
        align-items: center;
        justify-content: center;
        min-width: 72px;
        height: 40px !important;
        margin: 0 !important;
        padding: 0 16px !important;
        border: 1px solid #e5ebf0;
        background: #fff;
        color: #596979;
        font-size: 15px;
        font-weight: 600;
        line-height: 38px !important;
        box-sizing: border-box;
    }

    body.mobile-page .article-list-page #logLeftList li a img {
        display: none;
    }

    body.mobile-page .article-list-page #logLeftList li a.hover,
    body.mobile-page .article-list-page #logLeftList li a:hover {
        border-color: #20c4ab;
        background: #e9fbf7;
        color: #18aa94;
    }

    body.mobile-page .fenlei #type_list {
        display: flex !important;
        align-items: center;
        gap: 8px;
        width: 100%;
        margin: 12px 0 0 !important;
        padding: 0 !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        white-space: nowrap !important;
        -webkit-overflow-scrolling: touch;
    }

    body.mobile-page .fenlei #type_list::-webkit-scrollbar {
        display: none;
    }

    body.mobile-page .fenlei #type_list li {
        flex: 0 0 auto;
        width: auto !important;
        margin: 0 !important;
    }

    body.mobile-page .fenlei #type_list li a {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        height: 34px !important;
        padding: 0 14px !important;
        border: 1px solid #e5ebf0;
        background: #f8fafb;
        color: #596979;
        font-size: 14px;
        line-height: 32px !important;
    }

    body.mobile-page .fenlei #type_list li a.hover,
    body.mobile-page .fenlei #type_list li a:hover {
        border-color: #20c4ab;
        background: #20c4ab;
        color: #fff;
    }

    body.mobile-page .article-list-page #logRightList {
        width: calc(100vw - (var(--txdh-mobile-gutter, 12px) * 2)) !important;
        max-width: calc(100vw - (var(--txdh-mobile-gutter, 12px) * 2)) !important;
        margin: 0 var(--txdh-mobile-gutter, 12px) 12px !important;
        padding: 1px !important;
        box-sizing: border-box;
    }

    body.mobile-page .article-list-page .updatelist {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box;
    }

    body.mobile-page .article-list-page #updatelist li {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 92px;
        column-gap: 10px;
        align-items: center !important;
        min-height: 54px;
        padding: 14px 16px !important;
    }

    body.mobile-page .article-list-page #updatelist li > div:nth-child(2),
    body.mobile-page .article-list-page #updatelist li > div:nth-child(3) {
        min-width: 0;
        margin: 0 !important;
    }

    body.mobile-page .article-list-page #updatelist li > div:nth-child(2) {
        grid-column: 1;
        grid-row: 1;
        width: auto !important;
    }

    body.mobile-page .article-list-page #updatelist li > div:nth-child(2) .url {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    body.mobile-page .article-list-page #updatelist li > div:nth-child(3) {
        grid-column: 2;
        grid-row: 1;
        width: auto !important;
        font-size: 12px !important;
        text-align: right !important;
        white-space: nowrap;
    }

    body.mobile-page .article-list-page #updatelist li > div:nth-child(5) {
        display: none !important;
    }
}

/* Article detail action blocks dark mode */
html.txdh-dark-mode body.detail-page .article-tags-section,
html.txdh-dark-mode body.detail-page .article-actions-section,
html.txdh-dark-mode body.detail-page .article-share-section,
html.txdh-dark-mode .article-reward-dialog {
    background: #151d25 !important;
    border-color: #283541 !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, .24) !important;
}

html.txdh-dark-mode body.detail-page .article-section-heading,
html.txdh-dark-mode .article-reward-dialog h3 {
    color: #dfe8f2 !important;
}

html.txdh-dark-mode body.detail-page .article-action-button,
html.txdh-dark-mode body.detail-page .article-share-links a,
html.txdh-dark-mode .article-reward-tab,
html.txdh-dark-mode .reward-qr-image {
    background: #1b2731 !important;
    border-color: #334353 !important;
    color: #c4d0db !important;
}

html.txdh-dark-mode body.detail-page .article-action-button .layui-icon,
html.txdh-dark-mode body.detail-page .article-action-button .article-action-count,
html.txdh-dark-mode .article-reward-close,
html.txdh-dark-mode .article-reward-panel p {
    color: #91a3b4 !important;
}

html.txdh-dark-mode body.detail-page .article-action-button:hover,
html.txdh-dark-mode body.detail-page .article-action-button.is-active,
html.txdh-dark-mode body.detail-page .article-share-links a:hover {
    background: #203b3a !important;
    border-color: #3c8f85 !important;
    color: #7be0d0 !important;
}

html.txdh-dark-mode .article-reward-tab.is-active {
    background: #20a995 !important;
    border-color: #20a995 !important;
    color: #fff !important;
}

html.txdh-dark-mode .reward-qr-placeholder {
    background: #111920 !important;
    color: #91a3b4 !important;
}

@media screen and (max-width: 990px) {
    body.mobile-page.detail-page .article-tags-section .article-tags {
        display: flex !important;
        flex: 0 0 auto !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
        min-width: 0 !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
    }

    body.mobile-page.detail-page .article-tags-section .article-tags > a {
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: 180px !important;
    }
}

/* Final dark-mode coverage for page-specific template surfaces. */
html.txdh-dark-mode {
    color-scheme: dark;
}

html.txdh-dark-mode ::selection {
    background: #238f82;
    color: #fff;
}

html.txdh-dark-mode header > div .logo img {
    content: url("../img/logo-dark.svg");
    filter: none !important;
}

html.txdh-dark-mode body.author-page,
html.txdh-dark-mode body.author-page .article-author-page .content {
    background: #10161c !important;
}

html.txdh-dark-mode .author-card {
    background: #18232c !important;
    border-color: #2d3d49 !important;
    box-shadow: 0 14px 30px rgba(0, 0, 0, .2) !important;
}

html.txdh-dark-mode .author-card .author-avatar img {
    border-color: #263642 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .3) !important;
}

html.txdh-dark-mode .author-card .author-info h1 {
    color: #e6edf5 !important;
}

html.txdh-dark-mode .author-card .author-info .author-bio {
    color: #b1bfcc !important;
}

html.txdh-dark-mode .author-card .author-info .author-stats {
    color: #8fa0b0 !important;
}

html.txdh-dark-mode body.tools-page .toollist li,
html.txdh-dark-mode body.tools-page .toollist li a {
    background: #202a33 !important;
    border-color: #2e3b48 !important;
}

html.txdh-dark-mode body.tools-page .toollist li a:hover,
html.txdh-dark-mode body.tools-page .toollist li:hover {
    background: #263440 !important;
    border-color: #3d5668 !important;
}

html.txdh-dark-mode body.tools-page .toollist li a .info h3 {
    color: #e2ebf3 !important;
}

html.txdh-dark-mode body.tools-page .toollist li a .info .in {
    color: #a5b4c2 !important;
}

html.txdh-dark-mode body.rank-page .bg {
    background-color: #111a21 !important;
}

html.txdh-dark-mode body.rank-page .date li {
    background: #202c35 !important;
    border-color: #344653 !important;
}

html.txdh-dark-mode body.rank-page .date li a {
    color: #d6e2eb !important;
}

html.txdh-dark-mode body.rank-page .date .hover {
    background: #238f82 !important;
}

html.txdh-dark-mode body.rank-page .date .hover a {
    color: #fff !important;
}

html.txdh-dark-mode body.rank-page .lists li .introduce {
    color: #a5b4c2 !important;
}

html.txdh-dark-mode body.rank-page .lists li .click {
    color: #f2b56d !important;
}

html.txdh-dark-mode body.rank-page .lists li .go {
    background: #1b2c31 !important;
    border-color: #32635e !important;
    color: #72d9cb !important;
}

html.txdh-dark-mode body.rank-page .lists li .go:hover {
    background: #20a995 !important;
    border-color: #20a995 !important;
    color: #fff !important;
}

html.txdh-dark-mode body.rank-page .type li a {
    background: rgba(19, 31, 39, .72) !important;
    border-color: rgba(125, 159, 176, .34) !important;
    color: #dbe7ee !important;
}

html.txdh-dark-mode body.rank-page .type li .hover {
    background: #eaf8f5 !important;
    border-color: #eaf8f5 !important;
    color: #167c70 !important;
}

html.txdh-dark-mode body.detail-page .webnavlog .info .right ul li,
html.txdh-dark-mode body.detail-page .webnavlog .porShi,
html.txdh-dark-mode body.detail-page .webnavlog .webnav-neighbor > div,
html.txdh-dark-mode body.detail-page .webnavlog .article-neighbor > div {
    background: #1b2731 !important;
    border-color: #334353 !important;
}

html.txdh-dark-mode body.detail-page .webnavlog .info .right ul li .weight-badge i,
html.txdh-dark-mode body.detail-page .webnavlog .info .right ul li .weight-toutiao i {
    background: #202d37 !important;
}

html.txdh-dark-mode body.page-hero-page .txdh-idea-form textarea,
html.txdh-dark-mode body.page-hero-page .txdh-idea-form input[type='text'],
html.txdh-dark-mode body.page-hero-page .txdh-send-form textarea,
html.txdh-dark-mode body.page-hero-page .txdh-send-form .layui-input,
html.txdh-dark-mode body.page-hero-page .txdh-send-form .layui-select-title input,
html.txdh-dark-mode body.page-hero-page .txdh-send-form .layui-btn-primary {
    background: #111920 !important;
    border-color: #334353 !important;
    color: #dce7f0 !important;
}

html.txdh-dark-mode body.page-hero-page .txdh-idea-form textarea:focus,
html.txdh-dark-mode body.page-hero-page .txdh-idea-form input[type='text']:focus,
html.txdh-dark-mode body.page-hero-page .txdh-send-form textarea:focus,
html.txdh-dark-mode body.page-hero-page .txdh-send-form .layui-input:focus {
    background: #15242a !important;
    border-color: #20c4ab !important;
}

html.txdh-dark-mode body.page-hero-page .txdh-about-page > p,
html.txdh-dark-mode body.page-hero-page .txdh-ad-info-page > p,
html.txdh-dark-mode body.page-hero-page .txdh-idea-tips,
html.txdh-dark-mode body.page-hero-page .txdh-send-tips {
    background: #1b2731 !important;
    border-color: #334353 !important;
    color: #b7c5d1 !important;
}

html.txdh-dark-mode .layui-form-checkbox[lay-skin=primary] span {
    color: #c8d5df !important;
}

html.txdh-dark-mode .layui-form-checkbox[lay-skin=primary] i {
    background: #17242c !important;
    border-color: #405362 !important;
}

/* Mobile article detail dark-mode coverage. */
@media screen and (max-width: 990px) {
    html.txdh-dark-mode body.mobile-page.detail-page {
        background: #0e151b !important;
    }

    html.txdh-dark-mode body.mobile-page.detail-page .article,
    html.txdh-dark-mode body.mobile-page.detail-page .article > .content,
    html.txdh-dark-mode body.mobile-page.detail-page .article-main-left {
        background: transparent !important;
    }

    html.txdh-dark-mode body.mobile-page.detail-page .headerwrap.other-header .listBtn,
    html.txdh-dark-mode body.mobile-page.detail-page .headerwrap.other-header .open-panel {
        color: #dce8f1 !important;
    }

    html.txdh-dark-mode body.mobile-page.detail-page .arLeft,
    html.txdh-dark-mode body.mobile-page.detail-page .article-tags-section,
    html.txdh-dark-mode body.mobile-page.detail-page .article-actions-section,
    html.txdh-dark-mode body.mobile-page.detail-page .article-share-section,
    html.txdh-dark-mode body.mobile-page.detail-page .article-neighbor.article-neighbor-standalone,
    html.txdh-dark-mode body.mobile-page.detail-page .article-main-left > .article-related,
    html.txdh-dark-mode body.mobile-page.detail-page .article-main-left > .article-comments-section,
    html.txdh-dark-mode body.mobile-page.detail-page .main_right .sidebar {
        background: #151f28 !important;
        border-color: #293946 !important;
        box-shadow: 0 10px 26px rgba(0, 0, 0, .2) !important;
    }

    html.txdh-dark-mode body.mobile-page.detail-page .article-breadcrumb,
    html.txdh-dark-mode body.mobile-page.detail-page .article-end::before,
    html.txdh-dark-mode body.mobile-page.detail-page .article-end::after,
    html.txdh-dark-mode body.mobile-page.detail-page .article-related,
    html.txdh-dark-mode body.mobile-page.detail-page .comment,
    html.txdh-dark-mode body.mobile-page.detail-page .comment-children,
    html.txdh-dark-mode body.mobile-page.detail-page .main_right #newcomment li {
        border-color: #2c3d4a !important;
    }

    html.txdh-dark-mode body.mobile-page.detail-page .arLeft > h1,
    html.txdh-dark-mode body.mobile-page.detail-page .article-section-heading,
    html.txdh-dark-mode body.mobile-page.detail-page .article-related .title h3,
    html.txdh-dark-mode body.mobile-page.detail-page .comments-section .title h3,
    html.txdh-dark-mode body.mobile-page.detail-page .main_right .sidebar h3 {
        color: #e5eef6 !important;
    }

    html.txdh-dark-mode body.mobile-page.detail-page .arLeft > .content,
    html.txdh-dark-mode body.mobile-page.detail-page .arLeft > .content p,
    html.txdh-dark-mode body.mobile-page.detail-page .arLeft > .content li,
    html.txdh-dark-mode body.mobile-page.detail-page .comment-content,
    html.txdh-dark-mode body.mobile-page.detail-page .article-copyright p {
        color: #bdcad6 !important;
    }

    html.txdh-dark-mode body.mobile-page.detail-page .arLeft > .content p {
        background: transparent !important;
    }

    html.txdh-dark-mode body.mobile-page.detail-page .arLeft > .content a,
    html.txdh-dark-mode body.mobile-page.detail-page .comment-content a {
        color: #72d9cb !important;
    }

    html.txdh-dark-mode body.mobile-page.detail-page .arLeft > .content code,
    html.txdh-dark-mode body.mobile-page.detail-page .arLeft > .content pre,
    html.txdh-dark-mode body.mobile-page.detail-page .comment-content pre {
        background: #0f171e !important;
        border-color: #293a48 !important;
        color: #9ee4d9 !important;
    }

    html.txdh-dark-mode body.mobile-page.detail-page .arLeft > .content code {
        padding: 2px 5px;
        box-shadow: inset 0 0 0 1px #293a48;
    }

    html.txdh-dark-mode body.mobile-page.detail-page .arLeft > .content blockquote {
        background: #132129 !important;
        border-left-color: #20a995 !important;
        color: #b8c8d4 !important;
    }

    html.txdh-dark-mode body.mobile-page.detail-page .arLeft > .content table,
    html.txdh-dark-mode body.mobile-page.detail-page .arLeft > .content th,
    html.txdh-dark-mode body.mobile-page.detail-page .arLeft > .content td {
        border-color: #2d3e4b !important;
    }

    html.txdh-dark-mode body.mobile-page.detail-page .arLeft > .content th {
        background: #1b2933 !important;
        color: #dfeaf2 !important;
    }

    html.txdh-dark-mode body.mobile-page.detail-page .article-copyright,
    html.txdh-dark-mode body.mobile-page.detail-page .article-related li a,
    html.txdh-dark-mode body.mobile-page.detail-page .article-neighbor > div,
    html.txdh-dark-mode body.mobile-page.detail-page .comment-empty,
    html.txdh-dark-mode body.mobile-page.detail-page .comment-post,
    html.txdh-dark-mode body.mobile-page.detail-page .smilebg,
    html.txdh-dark-mode body.mobile-page.detail-page .comm_infobox {
        background: #101920 !important;
        border-color: #293a48 !important;
    }

    html.txdh-dark-mode body.mobile-page.detail-page .article-end span {
        background: #151f28 !important;
        color: #9eafbd !important;
    }

    html.txdh-dark-mode body.mobile-page.detail-page .article-action-button,
    html.txdh-dark-mode body.mobile-page.detail-page .article-share-links a,
    html.txdh-dark-mode body.mobile-page.detail-page .tool_bq,
    html.txdh-dark-mode body.mobile-page.detail-page .tool_img,
    html.txdh-dark-mode body.mobile-page.detail-page .comm_rest,
    html.txdh-dark-mode body.mobile-page.detail-page .comm_close,
    html.txdh-dark-mode body.mobile-page.detail-page .cancel-reply {
        background: #1b2933 !important;
        border-color: #334755 !important;
        color: #c9d7e1 !important;
    }

    html.txdh-dark-mode body.mobile-page.detail-page .article-action-button:hover,
    html.txdh-dark-mode body.mobile-page.detail-page .article-action-button.is-active,
    html.txdh-dark-mode body.mobile-page.detail-page .article-share-links a:hover,
    html.txdh-dark-mode body.mobile-page.detail-page .tool_bq:hover,
    html.txdh-dark-mode body.mobile-page.detail-page .tool_img:hover {
        background: #203c3a !important;
        border-color: #3d9d91 !important;
        color: #7be0d0 !important;
    }

    html.txdh-dark-mode body.mobile-page.detail-page .comment-post .textarea textarea,
    html.txdh-dark-mode body.mobile-page.detail-page .comm_infobox input[type="text"],
    html.txdh-dark-mode body.mobile-page.detail-page .comm_infobox input[type="email"],
    html.txdh-dark-mode body.mobile-page.detail-page .main_right #logsearch .search {
        background: #0d151c !important;
        border-color: #314351 !important;
        color: #dce7ef !important;
    }

    html.txdh-dark-mode body.mobile-page.detail-page .comment-post .textarea textarea:focus,
    html.txdh-dark-mode body.mobile-page.detail-page .comm_infobox input:focus,
    html.txdh-dark-mode body.mobile-page.detail-page .main_right #logsearch .search:focus {
        border-color: #20c4ab !important;
        box-shadow: 0 0 0 2px rgba(32, 196, 171, .14) !important;
    }

    html.txdh-dark-mode body.mobile-page.detail-page .smilebg .smile a:hover {
        background: #233640 !important;
    }
}

/* Always show visitor comment fields on detail pages. */
.comment-post .comm_infobox.txdh-comment-fields-visible {
    display: block !important;
    position: static !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    transform: none !important;
    pointer-events: auto !important;
}

.comment-post .comm_infobox.txdh-comment-fields-visible .comm_close {
    display: none !important;
}

.comment-post .comm_infobox.txdh-comment-fields-visible .verifycode img {
    vertical-align: middle;
    cursor: pointer;
}

.comment-post .comm-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    clear: both;
    margin-top: 6px;
    padding-top: 6px;
}

.comment-post .comm-actions-loggedin {
    margin-top: 14px;
}

.comment-post .comm-actions-login-required {
    margin-top: 8px;
    padding-top: 0;
}

.comment-post .comm-actions .comm_rest,
.comment-post .comm-actions .cancel-reply {
    float: none;
    height: 34px;
    line-height: 32px;
    margin-right: 0;
    padding: 0 16px;
    background: #f5f7fa;
    border-color: #e5e9ef;
    color: #657386;
    transition: background .2s, color .2s, border-color .2s;
}

.comment-post .comm-actions .cancel-reply a {
    display: block;
    color: inherit;
}

.comment-post .comm-actions .comm_rest:hover,
.comment-post .comm-actions .cancel-reply:hover {
    background: #e9eef4;
    color: #20c4ab;
    border-color: #d8e0e8;
}

.comment-post .comm-actions #comment_submit {
    height: 34px;
    line-height: 32px;
    padding: 0 22px;
    margin-right: 0;
    font-size: 14px;
    box-shadow: 0 2px 6px rgba(32, 196, 171, .25);
    transition: transform .15s, box-shadow .2s, background .2s;
}

.comment-post .comm-actions #comment_submit:hover {
    background: #1ab39c;
    box-shadow: 0 4px 12px rgba(32, 196, 171, .32);
    transform: translateY(-1px);
}

.comment-post .comm-actions #comment_submit:active {
    transform: translateY(0);
}

.comment.txdh-comment-replying,
.comment-children.txdh-comment-replying {
    border-bottom-color: transparent !important;
}

.comment.txdh-comment-replying > .comment-post,
.comment-children.txdh-comment-replying > .comment-post {
    margin-top: 14px !important;
}

/* Dark-mode polish for the submission page. */
html.txdh-dark-mode body.send-page {
    background: radial-gradient(circle at 50% 0, #15242c 0, #0d141a 430px, #080d12 100%) !important;
}

html.txdh-dark-mode body.send-page .bg {
    background-color: #0e171d !important;
    box-shadow: inset 0 -96px 120px rgba(8, 13, 18, .74) !important;
}

html.txdh-dark-mode body.send-page .bg:before {
    background: linear-gradient(180deg, rgba(9, 16, 21, .2), rgba(9, 16, 21, .72)) !important;
}

html.txdh-dark-mode body.send-page article.article,
html.txdh-dark-mode body.send-page article.article[style] {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

html.txdh-dark-mode body.send-page article.article > .content {
    background: #111922 !important;
    border: 1px solid #22313d !important;
    box-shadow: 0 26px 70px rgba(0, 0, 0, .34) !important;
}

html.txdh-dark-mode body.send-page #sqcontent {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

html.txdh-dark-mode body.send-page #pagemenu,
html.txdh-dark-mode body.send-page .content > .left {
    background: #0f171e !important;
    border-color: #22313d !important;
    box-shadow: none !important;
}

html.txdh-dark-mode body.send-page #pagemenu a {
    margin: 0 12px 10px !important;
    padding: 0 18px !important;
    text-align: left !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    color: #aebdca !important;
    box-sizing: border-box !important;
}

html.txdh-dark-mode body.send-page #pagemenu a:hover,
html.txdh-dark-mode body.send-page #pagemenu a.hover,
html.txdh-dark-mode body.send-page #pagemenu .hover {
    background: #17262d !important;
    border-color: #29454d !important;
    color: #66dccb !important;
}

html.txdh-dark-mode body.send-page .send.txdh-send-form {
    background: #15202a !important;
    border-color: #2b3b49 !important;
    box-shadow: 0 18px 46px rgba(0, 0, 0, .26) !important;
}

html.txdh-dark-mode body.send-page .txdh-send-tips {
    background: #17242c !important;
    border-color: #2d4550 !important;
    box-shadow: 0 18px 46px rgba(0, 0, 0, .22) !important;
}

html.txdh-dark-mode body.send-page .txdh-send-form input[type='text'],
html.txdh-dark-mode body.send-page .txdh-send-form textarea,
html.txdh-dark-mode body.send-page .txdh-send-form .layui-input,
html.txdh-dark-mode body.send-page .txdh-send-form .layui-select-title input,
html.txdh-dark-mode body.send-page .txdh-send-form .layui-btn-primary,
html.txdh-dark-mode body.send-page .txdh-send-form input[readonly] {
    background: #0d151c !important;
    border-color: #314352 !important;
    color: #dbe7f0 !important;
}

html.txdh-dark-mode body.send-page .txdh-send-form input[type='text']:focus,
html.txdh-dark-mode body.send-page .txdh-send-form textarea:focus,
html.txdh-dark-mode body.send-page .txdh-send-form .layui-input:focus {
    background: #101d24 !important;
    border-color: #20c4ab !important;
    box-shadow: 0 0 0 3px rgba(32, 196, 171, .16) !important;
}

html.txdh-dark-mode body.send-page .txdh-send-form .layui-form-select dl {
    background: #0d151c !important;
    border-color: #314352 !important;
}

html.txdh-dark-mode body.send-page .txdh-send-form .layui-btn-primary:hover {
    background: #20313a !important;
    border-color: #20c4ab !important;
    color: #74e6d7 !important;
}

html.txdh-dark-mode body.send-page .txdh-send-form .txdh-submit-actions .txdh-submit-free {
    background: #1c6f62 !important;
    border-color: #20a995 !important;
    color: #f4fffd !important;
    box-shadow: 0 10px 22px rgba(32, 196, 171, .16) !important;
}

html.txdh-dark-mode body.send-page .txdh-send-form .txdh-submit-actions .txdh-submit-free:hover {
    background: #20c4ab !important;
    border-color: #20c4ab !important;
}

html.txdh-dark-mode body.send-page .txdh-send-tips h4 {
    color: #f0f6fb !important;
}

html.txdh-dark-mode body.send-page .txdh-send-tips li {
    color: #b5c3cf !important;
}

@media screen and (max-width: 990px) {
    html.txdh-dark-mode body.send-page article.article > .content {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    html.txdh-dark-mode body.send-page #sqcontent,
    html.txdh-dark-mode body.send-page .content > .right {
        padding: 14px !important;
    }
}

/* Dark-mode polish for about, advertising, and feedback pages. */
html.txdh-dark-mode body.info-page {
    background: radial-gradient(circle at 50% 0, #15242c 0, #0d141a 430px, #080d12 100%) !important;
}

html.txdh-dark-mode body.info-page .bg {
    background-color: #0e171d !important;
    box-shadow: inset 0 -96px 120px rgba(8, 13, 18, .74) !important;
}

html.txdh-dark-mode body.info-page .bg:before {
    background: linear-gradient(180deg, rgba(9, 16, 21, .2), rgba(9, 16, 21, .72)) !important;
}

html.txdh-dark-mode body.info-page article.article,
html.txdh-dark-mode body.info-page article.article[style] {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

html.txdh-dark-mode body.info-page article.article > .content {
    background: #111922 !important;
    border: 1px solid #22313d !important;
    box-shadow: 0 26px 70px rgba(0, 0, 0, .34) !important;
}

html.txdh-dark-mode body.info-page #sqcontent {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

html.txdh-dark-mode body.info-page #pagemenu,
html.txdh-dark-mode body.info-page .content > .left {
    background: #0f171e !important;
    border-color: #22313d !important;
    box-shadow: none !important;
}

html.txdh-dark-mode body.info-page #pagemenu a {
    margin: 0 12px 10px !important;
    padding: 0 18px !important;
    text-align: left !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    color: #aebdca !important;
    box-sizing: border-box !important;
}

html.txdh-dark-mode body.info-page #pagemenu a:hover,
html.txdh-dark-mode body.info-page #pagemenu a.hover,
html.txdh-dark-mode body.info-page #pagemenu .hover {
    background: #17262d !important;
    border-color: #29454d !important;
    color: #66dccb !important;
}

html.txdh-dark-mode body.info-page .txdh-static-page,
html.txdh-dark-mode body.info-page .idea.txdh-idea-form,
html.txdh-dark-mode body.info-page .txdh-idea-tips {
    background: #15202a !important;
    border-color: #2b3b49 !important;
    box-shadow: 0 18px 46px rgba(0, 0, 0, .26) !important;
}

html.txdh-dark-mode body.info-page .txdh-static-page > p,
html.txdh-dark-mode body.info-page .txdh-custom-page p,
html.txdh-dark-mode body.info-page .txdh-idea-tips p {
    color: #b5c3cf !important;
}

html.txdh-dark-mode body.about-page .txdh-about-page > p:first-child,
html.txdh-dark-mode body.ad-page .txdh-ad-info-page > p:first-child {
    background: transparent !important;
    border-color: #2b3b49 !important;
}

html.txdh-dark-mode body.ad-page .txdh-ad-info-page > .title {
    display: block !important;
    border-left-color: #20c4ab !important;
}

html.txdh-dark-mode body.ad-page .txdh-ad-info-page > .title h3 {
    color: #f0f6fb !important;
}

html.txdh-dark-mode body.ad-page .txdh-ad-info-page > p {
    background: #111b23 !important;
    border-color: #2b3b49 !important;
    color: #b5c3cf !important;
}

html.txdh-dark-mode body.ad-page .txdh-ad-info-page a[href*="wpa.qq.com"] {
    border-color: #20c4ab !important;
    background: #1c6f62 !important;
    color: #f4fffd !important;
    box-shadow: 0 10px 22px rgba(32, 196, 171, .16) !important;
}

html.txdh-dark-mode body.ad-page .txdh-ad-info-page a[href*="wpa.qq.com"]:hover {
    background: #20c4ab !important;
    color: #fff !important;
}

html.txdh-dark-mode body.idea-page .idea.txdh-idea-form textarea,
html.txdh-dark-mode body.idea-page .idea.txdh-idea-form input[type='text'] {
    background: #0d151c !important;
    border-color: #314352 !important;
    color: #dbe7f0 !important;
}

html.txdh-dark-mode body.idea-page .idea.txdh-idea-form textarea:focus,
html.txdh-dark-mode body.idea-page .idea.txdh-idea-form input[type='text']:focus {
    background: #101d24 !important;
    border-color: #20c4ab !important;
    box-shadow: 0 0 0 3px rgba(32, 196, 171, .16) !important;
}

html.txdh-dark-mode body.idea-page .idea.txdh-idea-form textarea::placeholder,
html.txdh-dark-mode body.idea-page .idea.txdh-idea-form input[type='text']::placeholder {
    color: #758796 !important;
}

html.txdh-dark-mode body.idea-page .txdh-idea-code img {
    background: #0d151c !important;
    border-color: #314352 !important;
}

html.txdh-dark-mode body.idea-page .idea.txdh-idea-form input[type='submit'] {
    background: #1c6f62 !important;
    border: 1px solid #20a995 !important;
    color: #f4fffd !important;
    box-shadow: 0 10px 22px rgba(32, 196, 171, .16) !important;
}

html.txdh-dark-mode body.idea-page .idea.txdh-idea-form input[type='submit']:hover {
    background: #20c4ab !important;
    border-color: #20c4ab !important;
}

html.txdh-dark-mode body.idea-page .txdh-idea-tips h4 {
    color: #f0f6fb !important;
}

@media screen and (max-width: 990px) {
    html.txdh-dark-mode body.info-page article.article > .content {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    html.txdh-dark-mode body.info-page #sqcontent,
    html.txdh-dark-mode body.info-page .content > .right {
        padding: 14px !important;
    }
}

/* Recent update page header and dark-mode polish. */
.article.article-list-page > .txdh-update-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin: 0 0 16px;
    padding: 24px 28px;
    background: #fff;
    border: 1px solid #eef1f5;
    box-shadow: 0 12px 34px rgba(21, 39, 58, .06);
    box-sizing: border-box;
}

.txdh-update-summary-main {
    min-width: 0;
}

.txdh-update-summary-main span {
    display: block;
    color: #20a995;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    text-transform: uppercase;
    letter-spacing: 0;
}

.txdh-update-summary-main h3 {
    margin: 4px 0 8px;
    color: #26323d;
    font-size: 26px;
    line-height: 34px;
    font-weight: 700;
}

.txdh-update-summary-main p {
    max-width: 760px;
    margin: 0;
    color: #687789;
    font-size: 14px;
    line-height: 24px;
}

.txdh-update-summary-meta {
    flex: 0 0 auto;
    min-width: 132px;
    padding-left: 24px;
    text-align: center;
    background: transparent;
    border: 0;
    border-left: 1px solid #eef1f5;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.txdh-update-summary-meta strong {
    display: block;
    color: #20a995;
    font-size: 34px;
    line-height: 1;
    font-weight: 800;
}

.txdh-update-summary-meta span {
    display: block;
    margin-top: 4px;
    color: #687789;
    font-size: 13px;
    line-height: 20px;
}

html.txdh-dark-mode body.listing-page {
    background: radial-gradient(circle at 50% 0, #17232b 0, #0f151b 430px, #080d12 100%) !important;
}

html.txdh-dark-mode body.listing-page .article.article-list-page,
html.txdh-dark-mode body.listing-page .article.article-list-page > .content {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

html.txdh-dark-mode body.listing-page #logRightList {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

html.txdh-dark-mode body.listing-page .article.article-list-page > .txdh-update-summary {
    background: #171f27 !important;
    border-color: #2a3946 !important;
    box-shadow: 0 16px 38px rgba(0, 0, 0, .24) !important;
}

html.txdh-dark-mode body.listing-page .txdh-update-summary-main span,
html.txdh-dark-mode body.listing-page .txdh-update-summary-meta strong {
    color: #66dccb !important;
}

html.txdh-dark-mode body.listing-page .txdh-update-summary-main h3 {
    color: #e6edf5 !important;
}

html.txdh-dark-mode body.listing-page .txdh-update-summary-main p,
html.txdh-dark-mode body.listing-page .txdh-update-summary-meta span {
    color: #9fb0bf !important;
}

html.txdh-dark-mode body.listing-page .txdh-update-summary-meta {
    background: transparent !important;
    border-color: #2a3946 !important;
}

html.txdh-dark-mode body.listing-page .content > .left,
html.txdh-dark-mode body.listing-page #logLeftList {
    background: #111922 !important;
    border-color: #22313d !important;
    box-shadow: 0 18px 46px rgba(0, 0, 0, .22) !important;
}

html.txdh-dark-mode body.mobile-page #logLeftList {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

html.txdh-dark-mode body.listing-page .content > .left li a,
html.txdh-dark-mode #logLeftList li a {
    background: #111922 !important;
    border: 1px solid #2b3b49 !important;
    color: #aebdca !important;
}

html.txdh-dark-mode body.listing-page .content > .left li .hover,
html.txdh-dark-mode body.listing-page .content > .left li a:hover,
html.txdh-dark-mode #logLeftList li a.hover,
html.txdh-dark-mode #logLeftList li a:hover {
    background: #17262d !important;
    border-color: #245c54 !important;
    color: #66dccb !important;
}

html.txdh-dark-mode body.listing-page .content > .right .ulttile,
html.txdh-dark-mode body.listing-page .content > .right .updatelist {
    background: #111922 !important;
    border-color: #22313d !important;
    box-shadow: 0 18px 46px rgba(0, 0, 0, .22) !important;
}

html.txdh-dark-mode body.listing-page .content > .right .ulttile {
    border-bottom-color: #2c4050 !important;
}

html.txdh-dark-mode body.listing-page .content > .right .ulttile div {
    color: #dfe8f2 !important;
}

html.txdh-dark-mode body.listing-page .content > .right .updatelist li {
    border-top-color: #243542 !important;
}

html.txdh-dark-mode body.listing-page .content > .right .updatelist li:hover {
    background: #16232b !important;
}

html.txdh-dark-mode body.listing-page .content > .right .updatelist li div,
html.txdh-dark-mode body.listing-page .content > .right .updatelist li div:nth-child(2) .url {
    color: #d9e4ee !important;
}

html.txdh-dark-mode body.listing-page .content > .right .updatelist li div:nth-child(4) span {
    color: #ff5757 !important;
}

html.txdh-dark-mode body.listing-page .content > .right .updatelist li div:nth-child(5) .open {
    background: #17242c !important;
    border-color: #314352 !important;
    color: #66dccb !important;
}

html.txdh-dark-mode body.listing-page .content > .right .updatelist li div:nth-child(5) .open:hover {
    background: #20c4ab !important;
    border-color: #20c4ab !important;
    color: #fff !important;
}

@media screen and (max-width: 560px) {
    .article.article-list-page > .txdh-update-summary {
        display: block;
    }

    .txdh-update-summary-meta {
        width: 100%;
        min-width: 0;
        margin-top: 14px;
        padding: 12px 0 0;
        border-left: 0;
        border-top: 1px solid #eef1f5;
        background: transparent;
        text-align: center;
    }

    .txdh-update-summary-main h3 {
        font-size: 26px;
        line-height: 34px;
    }
}

body.tools-page #pagenavi,
body.listing-page .article-webnav-list-page #pagenavi,
body.listing-page #pagenavi,
body.author-page #pagenavi {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
    box-sizing: border-box;
}

body.tools-page #pagenavi a,
body.tools-page #pagenavi span,
body.tools-page #pagenavi em,
body.listing-page .article-webnav-list-page #pagenavi a,
body.listing-page .article-webnav-list-page #pagenavi span,
body.listing-page .article-webnav-list-page #pagenavi em,
body.listing-page #pagenavi a,
body.listing-page #pagenavi span,
body.listing-page #pagenavi em,
body.author-page #pagenavi a,
body.author-page #pagenavi span,
body.author-page #pagenavi em {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    height: 34px;
    margin: 0 !important;
    padding: 0 12px !important;
    border-radius: 0;
    box-sizing: border-box;
    line-height: 32px !important;
    white-space: nowrap;
}

body.tools-page #pagenavi .txdh-page-total,
body.listing-page .article-webnav-list-page #pagenavi .txdh-page-total,
body.listing-page #pagenavi .txdh-page-total,
body.author-page #pagenavi .txdh-page-total {
    min-width: auto;
    background: #f8fafb;
    border-color: #e5ebf0;
    color: #687789;
}

body.tools-page #pagenavi .txdh-page-disabled,
body.listing-page .article-webnav-list-page #pagenavi .txdh-page-disabled,
body.listing-page #pagenavi .txdh-page-disabled,
body.author-page #pagenavi .txdh-page-disabled {
    background: #f3f5f7;
    border-color: #e5ebf0;
    color: #98a4af;
    cursor: default;
}

html.txdh-dark-mode body.tools-page #pagenavi .txdh-page-total,
html.txdh-dark-mode body.listing-page .article-webnav-list-page #pagenavi .txdh-page-total,
html.txdh-dark-mode body.listing-page #pagenavi .txdh-page-total,
html.txdh-dark-mode body.author-page #pagenavi .txdh-page-total {
    background: #18222b !important;
    border-color: #2e3b48 !important;
    color: #a6b5c3 !important;
}

html.txdh-dark-mode body.tools-page #pagenavi .txdh-page-disabled,
html.txdh-dark-mode body.listing-page .article-webnav-list-page #pagenavi .txdh-page-disabled,
html.txdh-dark-mode body.listing-page #pagenavi .txdh-page-disabled,
html.txdh-dark-mode body.author-page #pagenavi .txdh-page-disabled {
    background: #17212a !important;
    border-color: #2a3744 !important;
    color: #687887 !important;
}

/* Homepage image-style search panel */
body:not(.inner-page) .indexSearch > .layui-clear {
    display: flex;
    flex-direction: column;
    width: 950px !important;
    max-width: calc(100% - 80px) !important;
    padding: 14px 14px 16px;
    background: linear-gradient(135deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .04));
    border: 1px solid rgba(255, 255, 255, .30);
    border-radius: 18px;
    box-sizing: border-box;
    box-shadow: 0 12px 32px rgba(28, 49, 62, .12), inset 0 1px 0 rgba(255, 255, 255, .28);
    backdrop-filter: blur(10px);
}

body:not(.inner-page) .indexSearch > .layui-clear .search-engine-tabs {
    order: -1;
    justify-content: flex-start;
    gap: 8px;
    height: 40px;
    margin: 0 0 12px;
    overflow: visible;
}

body:not(.inner-page) .search-engine-label,
body:not(.inner-page) .search-engine-tabs button {
    flex: 0 0 auto;
    height: 34px;
    line-height: 32px;
    margin: 0;
    padding: 0 16px;
    border: 1px solid rgba(255, 255, 255, .38);
    border-radius: 999px;
    background: rgba(255, 255, 255, .16);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .20);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    box-sizing: border-box;
    cursor: pointer;
    transition: background-color .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

body:not(.inner-page) .search-engine-label {
    padding-left: 16px;
    color: rgba(255, 255, 255, .92);
    cursor: default;
    background: rgba(255, 255, 255, .10);
}

body:not(.inner-page) .search-engine-tabs button:hover {
    background: rgba(255, 255, 255, .28);
    color: #fff;
    transform: translateY(-1px);
}

body:not(.inner-page) .search-engine-tabs button.active {
    background: linear-gradient(135deg, #20c4ab, #20a995);
    color: #fff;
    border-color: rgba(255, 255, 255, .35);
    box-shadow: 0 4px 12px rgba(32, 196, 171, .35);
    transform: translateY(-1px);
}

body:not(.inner-page) .indexSearch > .layui-clear .search-box {
    width: 100% !important;
    max-width: none !important;
    height: 54px !important;
    margin: 0 !important;
    overflow: hidden;
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 6px 18px rgba(12, 61, 96, .10);
    border: 2px solid rgba(255, 255, 255, .65) !important;
    box-sizing: border-box;
    transition: box-shadow .25s ease, border-color .25s ease;
}

body:not(.inner-page) .indexSearch > .layui-clear .search-box:focus-within {
    border-color: #20c4ab !important;
    box-shadow: 0 0 0 4px rgba(32, 196, 171, .18), 0 10px 26px rgba(12, 61, 96, .14);
}

body:not(.inner-page) .indexSearch > .layui-clear input {
    height: 54px !important;
    padding: 12px 16px 12px 48px;
    background: #fff !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23a6b4c0' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: 18px center !important;
    background-size: 18px 18px !important;
    color: #43515d;
    font-size: 16px;
}

body:not(.inner-page) .indexSearch > .layui-clear input::-webkit-input-placeholder {
    color: #a6b4c0;
}

body:not(.inner-page) .indexSearch > .layui-clear .btn {
    display: flex;
    flex: 0 0 140px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 140px;
    height: 54px !important;
    line-height: 54px !important;
    background: linear-gradient(135deg, #20c4ab 0%, #20a995 100%) !important;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .5px;
    transition: background-color .2s ease, filter .2s ease, transform .2s ease;
}

body:not(.inner-page) .indexSearch > .layui-clear .btn:hover {
    background: linear-gradient(135deg, #26d3b8 0%, #23b39a 100%) !important;
    filter: brightness(1.04);
    transform: scale(1.02);
}

body:not(.inner-page) .indexSearch > .layui-clear .btn .layui-icon {
    font-size: 20px;
}

body:not(.inner-page) .indexSearch > .layui-clear .selectul {
    top: 108px;
    left: 14px;
    width: calc(100% - 184px);
    border: 0;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 16px 32px rgba(0, 0, 0, .18);
}

html.txdh-dark-mode body:not(.inner-page) .indexSearch > .layui-clear {
    background: linear-gradient(135deg, rgba(43, 60, 71, .92), rgba(29, 43, 52, .92));
    border-color: rgba(149, 183, 196, .22);
    box-shadow: 0 14px 34px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 255, 255, .06);
}

html.txdh-dark-mode body:not(.inner-page) .indexSearch > .layui-clear .search-box,
html.txdh-dark-mode body:not(.inner-page) .indexSearch > .layui-clear input {
    background: #24323c !important;
}

html.txdh-dark-mode body:not(.inner-page) .indexSearch > .layui-clear .search-box {
    border-color: rgba(149, 183, 196, .28) !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .24);
}

html.txdh-dark-mode body:not(.inner-page) .indexSearch > .layui-clear .search-box:focus-within {
    border-color: #2ecab0 !important;
    box-shadow: 0 0 0 4px rgba(46, 202, 176, .18), 0 10px 26px rgba(0, 0, 0, .28);
}

html.txdh-dark-mode body:not(.inner-page) .indexSearch > .layui-clear input {
    color: #e1ebef;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%238fa2ae' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: 18px center !important;
    background-size: 18px 18px !important;
}

html.txdh-dark-mode body:not(.inner-page) .indexSearch > .layui-clear input::-webkit-input-placeholder {
    color: #9dafb9;
}

html.txdh-dark-mode body:not(.inner-page) .search-engine-label,
html.txdh-dark-mode body:not(.inner-page) .search-engine-tabs button {
    background: rgba(255, 255, 255, .06);
    border-color: rgba(149, 183, 196, .28);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

html.txdh-dark-mode body:not(.inner-page) .search-engine-tabs button:hover {
    background: rgba(255, 255, 255, .14);
    color: #fff;
}

html.txdh-dark-mode body:not(.inner-page) .search-engine-tabs button.active {
    background: linear-gradient(135deg, #23b8a0, #1f9e8b);
    color: #fff;
    border-color: rgba(46, 202, 176, .45);
    box-shadow: 0 4px 12px rgba(35, 184, 160, .30);
}

@media screen and (max-width: 767px) {
    body:not(.inner-page) .indexSearch > .layui-clear {
        width: 100% !important;
        max-width: 100% !important;
        padding: 10px;
        border-radius: 14px;
        background: linear-gradient(135deg, rgba(255, 255, 255, .10), rgba(255, 255, 255, .04));
        border-color: rgba(255, 255, 255, .18);
        box-shadow: 0 6px 16px rgba(28, 49, 62, .05);
    }

    body:not(.inner-page) .indexSearch > .layui-clear .search-engine-tabs {
        height: 38px;
        margin-bottom: 10px;
        overflow-x: auto;
        scrollbar-width: none;
    }

    body:not(.inner-page) .indexSearch > .layui-clear .search-engine-tabs::-webkit-scrollbar {
        display: none;
    }

    body:not(.inner-page) .search-engine-label,
    body:not(.inner-page) .search-engine-tabs button {
        height: 32px;
        line-height: 30px;
        padding: 0 13px;
        font-size: 13px;
    }

    body:not(.inner-page) .search-engine-label {
        padding-left: 13px;
    }

    body:not(.inner-page) .indexSearch > .layui-clear .search-box,
    body:not(.inner-page) .indexSearch > .layui-clear input,
    body:not(.inner-page) .indexSearch > .layui-clear .btn {
        height: 50px !important;
    }

    body:not(.inner-page) .indexSearch > .layui-clear input {
        padding-left: 50px;
        background-position: 18px center !important;
    }

    body:not(.inner-page) .indexSearch > .layui-clear .btn {
        flex-basis: 52px;
        width: 52px;
        line-height: 50px !important;
    }

    body:not(.inner-page) .search-action-text {
        display: none;
    }

    body:not(.inner-page) .indexSearch > .layui-clear .selectul {
        top: 100px;
        left: 10px;
        width: calc(100% - 74px);
    }
}

header > div .header-auth {
    position: relative;
    float: left;
    height: 70px;
    margin-left: 13px;
}

header > div .time-winter {
    overflow: visible;
}

header > div .header-auth-trigger {
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    width: 30px;
    height: 30px;
    margin-top: 20px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #eff8f6;
    color: #20a995;
    box-shadow: none;
    cursor: pointer;
    transition: background-color .18s ease, color .18s ease, transform .18s ease;
}

header > div .header-auth-trigger:hover,
header > div .header-auth.is-open .header-auth-trigger {
    background: #20a995;
    color: #fff;
    transform: translateY(-1px);
}

header > div .header-auth-trigger i {
    font-size: 17px;
}

header > div .header-auth-trigger img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

header > div .header-auth--logged .header-auth-trigger {
    overflow: hidden;
    background: #dff4f0;
}

.header-auth-popover {
    position: absolute;
    top: 66px;
    right: 0;
    z-index: 1200;
    width: min(300px, calc(100vw - 24px));
    max-width: calc(100vw - 24px);
    padding: 14px 12px 12px;
    border-radius: 7px;
    background: linear-gradient(135deg, #27bca8, #189784);
    box-shadow: 0 14px 34px rgba(20, 122, 108, .25);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    transition: opacity .16s ease, visibility .16s ease, transform .16s ease;
    box-sizing: border-box;
}

.header-auth.is-open .header-auth-popover {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.header-auth-popover--logged {
    width: min(324px, calc(100vw - 24px));
}

.header-auth-caret {
    position: absolute;
    top: -7px;
    right: 8px;
    width: 14px;
    height: 14px;
    background: #27bca8;
    transform: rotate(45deg);
}

.header-auth-summary {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 4px 12px;
}

.header-auth-summary img {
    width: 42px;
    height: 42px;
    border: 3px solid rgba(255, 255, 255, .7);
    border-radius: 50%;
    object-fit: cover;
}

.header-auth-summary strong,
.header-auth-summary span {
    display: block;
}

.header-auth-summary strong {
    color: #fff;
    font-size: 16px;
    line-height: 22px;
}

.header-auth-summary span {
    margin-top: 2px;
    color: rgba(255, 255, 255, .86);
    font-size: 12px;
    line-height: 18px;
}

.header-auth-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0 0 10px;
    padding: 8px 5px;
    border-radius: 5px;
    background: rgba(255, 255, 255, .16);
}

.header-auth-stats span,
.header-auth-stats b {
    display: block;
    text-align: center;
}

.header-auth-stats span {
    color: rgba(255, 255, 255, .86);
    font-size: 12px;
    line-height: 18px;
}

.header-auth-stats b {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
}

.header-auth-actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    min-width: 0;
    padding: 7px;
    border-radius: 5px;
    background: #fff;
    box-sizing: border-box;
}

.header-auth-actions button,
.header-auth-actions a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    min-width: 0;
    width: 100%;
    height: 34px;
    padding: 0 2px;
    border: 0;
    border-radius: 4px;
    background: #effaf8;
    color: #169884;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
    cursor: pointer;
    text-decoration: none;
    transition: background-color .18s ease, color .18s ease, box-shadow .18s ease;
}

.header-auth-actions button i,
.header-auth-actions a i {
    font-size: 16px;
}

.header-auth-actions button:hover,
.header-auth-actions a:hover {
    background: #20a995;
    color: #fff;
    box-shadow: 0 5px 12px rgba(32, 169, 149, .22);
}

.header-auth-actions button:nth-child(2),
.header-auth-actions a:nth-child(2) {
    background: #effaf8;
    color: #169884;
}

.header-auth-actions button:nth-child(2):hover,
.header-auth-actions a:nth-child(2):hover {
    background: #20a995;
    color: #fff;
}

.header-auth-actions button:nth-child(3),
.header-auth-actions a:nth-child(3) {
    background: #effaf8;
    color: #169884;
}

.header-auth-actions button:nth-child(3):hover,
.header-auth-actions a:nth-child(3):hover {
    background: #20a995;
    color: #fff;
}

html.txdh-dark-mode header > div .header-auth-trigger {
    background: #202d36;
    color: #66dccb;
}

html.txdh-dark-mode header > div .header-auth-trigger:hover,
html.txdh-dark-mode header > div .header-auth.is-open .header-auth-trigger {
    background: #20a995;
    color: #fff;
}

@media screen and (max-width: 990px) {
    header > div .header-auth,
    header > div .header-auth-logged {
        display: none;
    }
}

.txdh-mobile-account {
    display: none;
}

@media screen and (max-width: 990px) {
    header > div .txdh-mobile-account,
    header > div .listBtn {
        position: absolute;
        top: 12px;
        z-index: 2;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        padding: 0;
        border: 0;
        border-radius: 10px;
        background: #f1f4f8 !important;
        color: #3d4653 !important;
        box-shadow: none;
        cursor: pointer;
        text-align: center;
        text-decoration: none;
        line-height: 36px;
        transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
        box-sizing: border-box;
    }

    header > div .txdh-mobile-account {
        right: 56px;
        width: 34px !important;
        height: 34px !important;
        border-color: transparent !important;
        border-radius: 50%;
        background: transparent !important;
        color: #ef5a5a !important;
        backdrop-filter: none;
    }

    header > div .listBtn {
        right: 12px !important;
        top: 12px !important;
        width: 36px !important;
        height: 36px !important;
        border: 0 !important;
        border-radius: 10px;
        background: #f1f4f8 !important;
        color: #3d4653 !important;
        font-size: 20px !important;
        backdrop-filter: none;
    }

    header > div .txdh-mobile-account i {
        font-size: 19px;
    }

    header > div .txdh-mobile-account--logged {
        border-color: transparent;
        background: transparent !important;
        padding: 2px;
    }

    header > div .txdh-mobile-account img {
        width: 32px;
        height: 32px;
        border: 1px solid rgba(255, 255, 255, .92);
        border-radius: 50%;
        background: #fff;
        object-fit: cover;
        box-sizing: border-box;
    }

    header > div .txdh-mobile-account:hover,
    header > div .listBtn:hover {
        transform: none !important;
        color: inherit !important;
    }

    header > div .txdh-mobile-account--logged:hover {
        border-color: transparent;
        background: transparent !important;
    }

    header > div .txdh-mobile-account:hover {
        border-color: transparent !important;
        background: transparent !important;
        color: #ef5a5a !important;
    }

    header > div .listBtn:hover {
        border-color: transparent !important;
        background: #e8edf3 !important;
        color: #2f3742 !important;
    }

    body.mobile-page.inner-page .headerwrap.other-header .txdh-mobile-account {
        background: transparent !important;
        color: #ef5a5a !important;
    }

    body.mobile-page.inner-page .headerwrap.other-header .listBtn {
        background: #f1f4f8 !important;
        color: #3d4653 !important;
        border-radius: 10px;
        box-shadow: none;
    }

    body.mobile-page.inner-page .headerwrap.other-header .txdh-mobile-account--logged {
        background: transparent !important;
    }

    html.txdh-dark-mode header > div .txdh-mobile-account {
        border-color: rgba(114, 217, 202, .13);
        background: rgba(35, 52, 58, .68) !important;
        color: #72d9ca !important;
        box-shadow: none;
    }

    html.txdh-dark-mode header > div .listBtn {
        border-color: rgba(114, 217, 202, .13);
        background: rgba(35, 52, 58, .68) !important;
        color: #72d9ca !important;
        box-shadow: none;
    }

    html.txdh-dark-mode header > div .txdh-mobile-account--logged {
        border-color: transparent;
        background: transparent !important;
    }

    html.txdh-dark-mode header > div .txdh-mobile-account img {
        border-color: rgba(114, 217, 202, .18);
        background: #1d2a31;
    }

    html:not(.txdh-dark-mode) body.mobile-page:not(.inner-page) .headerwrap,
    html:not(.txdh-dark-mode) body.mobile-page:not(.inner-page) .headerwrap > header,
    html:not(.txdh-dark-mode) body.mobile-page:not(.inner-page) .headerwrap header > div {
        background: #fff !important;
        border-bottom: 1px solid rgba(15, 23, 42, .06) !important;
        box-shadow: none !important;
    }

    html:not(.txdh-dark-mode) body.mobile-page:not(.inner-page) .indexSearch {
        margin-top: 0 !important;
        background-color: #0b5261 !important;
        background-image:
            linear-gradient(180deg, rgba(8, 31, 41, .10), rgba(8, 31, 41, .30)),
            linear-gradient(rgba(128, 134, 145, .4), rgba(128, 134, 145, .4)),
            url(../img/bg.webp) !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-position: left center;
        padding-top: 108px !important;
        padding-bottom: 44px !important;
    }

    html:not(.txdh-dark-mode) body.mobile-page:not(.inner-page) header > div .logo img {
        filter: none !important;
    }

    html:not(.txdh-dark-mode) body.mobile-page:not(.inner-page) header > div .txdh-mobile-account {
        right: 56px;
        top: 12px;
        width: 34px !important;
        height: 34px !important;
        border-color: transparent !important;
        background: transparent !important;
        color: #ef5a5a !important;
        backdrop-filter: none;
    }

    html:not(.txdh-dark-mode) body.mobile-page:not(.inner-page) header > div .listBtn {
        right: 12px !important;
        top: 12px !important;
        width: 36px !important;
        height: 36px !important;
        border: 0 !important;
        border-radius: 10px;
        background: #f1f4f8 !important;
        color: #3d4653 !important;
        backdrop-filter: none;
    }

    html:not(.txdh-dark-mode) body.mobile-page:not(.inner-page) header > div .txdh-mobile-account--logged {
        border-color: transparent;
        background: transparent !important;
    }

    html:not(.txdh-dark-mode) body.mobile-page:not(.inner-page) header > div .txdh-mobile-account img {
        border-color: rgba(255, 255, 255, .92);
        background: #fff;
    }

    html:not(.txdh-dark-mode) body.mobile-page:not(.inner-page) header > div .txdh-mobile-account i {
        font-size: 19px;
    }

    html:not(.txdh-dark-mode) body.mobile-page:not(.inner-page) header > div .txdh-mobile-account:hover,
    html:not(.txdh-dark-mode) body.mobile-page:not(.inner-page) header > div .listBtn:hover {
        transform: none !important;
        color: inherit !important;
    }

    html:not(.txdh-dark-mode) body.mobile-page:not(.inner-page) header > div .txdh-mobile-account:hover {
        border-color: transparent !important;
        background: transparent !important;
        color: #ef5a5a !important;
    }

    html:not(.txdh-dark-mode) body.mobile-page:not(.inner-page) header > div .listBtn:hover {
        border-color: transparent !important;
        background: #e8edf3 !important;
        color: #2f3742 !important;
    }
}

html.txdh-auth-open,
html.txdh-auth-open body {
    overflow: hidden;
}

.txdh-auth-modal {
    position: fixed;
    inset: 0;
    z-index: 10060;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .18s ease, visibility .18s ease;
    box-sizing: border-box;
}

.txdh-auth-modal.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.txdh-auth-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(14, 35, 42, .46);
    backdrop-filter: blur(3px);
}

.txdh-auth-modal__card {
    position: relative;
    z-index: 1;
    width: min(100%, 430px);
    max-height: calc(100vh - 40px);
    overflow-y: auto;
    padding: 26px;
    border: 1px solid #d9ebe7;
    border-top: 4px solid #20a995;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 22px 60px rgba(16, 69, 61, .22);
    transform: translateY(12px) scale(.98);
    transition: transform .18s ease;
    box-sizing: border-box;
}

.txdh-auth-modal.is-open .txdh-auth-modal__card {
    transform: translateY(0) scale(1);
}

.txdh-auth-modal__close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #f2f8f7;
    color: #71817e;
    font-size: 23px;
    line-height: 28px;
    cursor: pointer;
}

.txdh-auth-modal__close:hover {
    background: #20a995;
    color: #fff;
}

.txdh-auth-modal__head {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 20px;
    padding-right: 32px;
}

.txdh-auth-modal__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #e8f8f5;
    color: #20a995;
}

.txdh-auth-modal__badge i {
    font-size: 22px;
}

.txdh-auth-modal__head h3 {
    margin: 0;
    color: #163631;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
}

.txdh-auth-modal__head p {
    margin: 2px 0 0;
    color: #849491;
    font-size: 13px;
    line-height: 19px;
}

.txdh-auth-modal__alert {
    display: none;
    margin-bottom: 14px;
    padding: 9px 11px;
    border: 1px solid #ffd5d5;
    border-radius: 5px;
    background: #fff5f5;
    color: #d9534f;
    font-size: 13px;
    line-height: 19px;
}

.txdh-auth-modal__alert.is-show {
    display: block;
}

.txdh-auth-modal__alert.is-success {
    border-color: #cceee7;
    background: #effaf8;
    color: #169884;
}

.txdh-auth-ext {
    margin-top: 16px;
    padding-top: 13px;
    border-top: 1px dashed #dce9e6;
    text-align: center;
}

.txdh-auth-ext__label {
    display: block;
    margin-bottom: 10px;
    color: #94a5a1;
    font-size: 12px;
    line-height: 17px;
}

.txdh-auth-ext__icons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.txdh-auth-ext__icons a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    transition: opacity .2s ease;
}

.txdh-auth-ext__icons a:hover {
    opacity: .8;
}

.txdh-auth-ext__icons img {
    max-width: 48px;
    max-height: 48px;
    border-radius: 50%;
}

.txdh-auth-modal .txdh-auth-ext {
    margin: 26px -26px -26px;
    padding: 14px 26px 20px;
    background: #fff;
    border-radius: 0 0 8px 8px;
}

.txdh-auth-panel[hidden] {
    display: none !important;
}

.txdh-auth-field {
    display: block;
    margin-bottom: 13px;
}

.txdh-auth-field > span {
    display: block;
    margin-bottom: 6px;
    color: #50635f;
    font-size: 13px;
    line-height: 18px;
}

.txdh-auth-field input {
    width: 100%;
    height: 42px;
    padding: 0 12px;
    border: 1px solid #dbe9e6;
    border-radius: 4px;
    outline: 0;
    background: #fbfefd;
    color: #26433e;
    font-size: 14px;
    box-sizing: border-box;
    transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}

.txdh-auth-field input:focus {
    border-color: #20a995;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(32, 169, 149, .12);
}

.txdh-auth-field--captcha,
.txdh-auth-field--code {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 104px;
    column-gap: 8px;
}

.txdh-auth-field--captcha > span,
.txdh-auth-field--code > span {
    grid-column: 1 / -1;
}

.txdh-auth-field--captcha img,
.txdh-auth-field--code button {
    width: 104px;
    height: 42px;
    border: 1px solid #dbe9e6;
    border-radius: 4px;
    background: #effaf8;
    color: #169884;
    box-sizing: border-box;
}

.txdh-auth-field--captcha img {
    cursor: pointer;
}

.txdh-auth-field--code button {
    padding: 0 6px;
    font-size: 12px;
    cursor: pointer;
}

.txdh-auth-field--code button:hover:not(:disabled) {
    border-color: #20a995;
    background: #20a995;
    color: #fff;
}

.txdh-auth-field--code button:disabled {
    cursor: default;
    opacity: .62;
}

.txdh-auth-remember {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin: -1px 0 17px;
    color: #70817e;
    font-size: 13px;
    cursor: pointer;
}

.txdh-auth-remember input {
    position: absolute;
    opacity: 0;
}

.txdh-auth-remember i {
    width: 14px;
    height: 14px;
    border: 1px solid #c8d9d5;
    border-radius: 3px;
    background: #fff;
    box-sizing: border-box;
}

.txdh-auth-remember input:checked + i {
    border-color: #20a995;
    background: #20a995;
    box-shadow: inset 0 0 0 3px #20a995;
}

.txdh-auth-remember input:checked + i:after {
    content: "";
    display: block;
    width: 6px;
    height: 3px;
    margin: 2px 0 0 2px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg);
}

.txdh-auth-submit {
    width: 100%;
    height: 43px;
    padding: 0 16px;
    border: 0;
    border-radius: 4px;
    background: #20a995;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.txdh-auth-submit:hover:not(:disabled) {
    background: #188b7a;
    box-shadow: 0 7px 16px rgba(32, 169, 149, .22);
    transform: translateY(-1px);
}

.txdh-auth-submit:disabled {
    cursor: wait;
    opacity: .68;
}

.txdh-auth-modal__switch {
    display: flex;
    justify-content: center;
    gap: 20px;
    position: sticky;
    bottom: -26px;
    margin: 18px -26px -26px;
    padding: 14px 26px 20px;
    background: #fff;
    border-radius: 0 0 8px 8px;
}

.txdh-auth-modal__switch button {
    padding: 0;
    border: 0;
    background: transparent;
    color: #169884;
    font-size: 13px;
    cursor: pointer;
}

.txdh-auth-modal__switch button:hover {
    color: #137967;
    text-decoration: underline;
}

html.txdh-dark-mode .txdh-auth-modal__backdrop {
    background: rgba(4, 10, 14, .72);
}

html.txdh-dark-mode .txdh-auth-modal__card {
    border-color: #2d4141;
    border-top-color: #20a995;
    background: #182229;
    box-shadow: 0 22px 60px rgba(0, 0, 0, .46);
}

html.txdh-dark-mode .txdh-auth-modal__close {
    background: #25343b;
    color: #aebdc5;
}

html.txdh-dark-mode .txdh-auth-modal__switch {
    background: #182229;
}

html.txdh-dark-mode .txdh-auth-modal__head h3 {
    color: #e2edf0;
}

html.txdh-dark-mode .txdh-auth-modal__head p,
html.txdh-dark-mode .txdh-auth-field > span,
html.txdh-dark-mode .txdh-auth-remember {
    color: #9badb5;
}

html.txdh-dark-mode .txdh-auth-field input {
    border-color: #2d4141;
    background: #121b21;
    color: #dfe9ed;
}

html.txdh-dark-mode .txdh-auth-field--captcha img,
html.txdh-dark-mode .txdh-auth-field--code button {
    border-color: #2d4141;
    background: #20322f;
    color: #66dccb;
}

html.txdh-dark-mode .txdh-auth-ext {
    border-top-color: #2c4645;
}

html.txdh-dark-mode .txdh-auth-ext__label {
    color: #6f8a86;
}

html.txdh-dark-mode .txdh-auth-modal .txdh-auth-ext {
    background: #182229;
}

/* Front-end personal center. */
body.user-center-page .headerwrap.other-header,
body.user-center-page .headerwrap.other-header > .header {
    background: #fff;
    border-bottom: 1px solid #eef1f5;
}

body.user-center-page header > div nav a,
body.user-center-page header > div .time-winter .time,
body.user-center-page header > div .time-winter .time small,
body.user-center-page header > div .time-winter .winter {
    color: #52616f !important;
}

body.user-center-page header > div nav .hover > a,
body.user-center-page header > div nav div > a:hover,
body.user-center-page header > div .time-winter .time span {
    color: #20a995 !important;
}

body.user-center-page header > div nav .border-bottom {
    background: #20a995 !important;
}

body.user-center-page header > div nav .border-bottom:after {
    background: #20a995 !important;
}

body.user-center-page article.article.txdh-user-center-page {
    margin-top: 0;
    padding-top: 0 !important;
}

body.mobile-page.user-center-page article.article.txdh-user-center-page {
    margin-top: 72px !important;
}

body.user-center-page .article.txdh-user-center-page {
    background: #fff;
}

.txdh-user-center {
    width: min(100% - 48px, 1180px);
    margin: 0 auto;
    padding: 34px 0 46px;
}

.txdh-user-center--article-disabled [data-user-tab-target="write"] {
    display: none;
}

.txdh-user-profile {
    display: flex;
    align-items: center;
    gap: 18px;
    min-height: 118px;
    padding: 22px 26px;
    border: 1px solid #e3eeec;
    border-top: 3px solid #20a995;
    border-radius: 6px;
    background: #fafffe;
    box-sizing: border-box;
}

.txdh-user-profile > img {
    width: 70px;
    height: 70px;
    flex: 0 0 70px;
    border: 3px solid #fff;
    border-radius: 50%;
    box-shadow: 0 3px 12px rgba(24, 101, 90, .14);
    object-fit: cover;
}

.txdh-user-profile-main {
    min-width: 0;
    flex: 1;
}

.txdh-user-profile-main h1 {
    margin: 0;
    color: #183f39;
    font-size: 21px;
    font-weight: 600;
    line-height: 30px;
}

.txdh-user-profile-main p {
    overflow: hidden;
    margin: 3px 0;
    color: #647a76;
    font-size: 13px;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.txdh-user-profile-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 18px;
    margin-top: 8px;
}

.txdh-user-profile-meta-item {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-width: 0;
    color: #8a9c99;
    font-size: 12px;
    line-height: 18px;
}

.txdh-user-profile-meta-item b {
    color: #3b5753;
    font-weight: 600;
}

.txdh-user-profile-meta-item--uid {
    order: 1;
}

.txdh-user-profile-meta-item--join {
    order: 2;
}

.txdh-user-profile-meta-item--email {
    order: 3;
    flex: 0 1 auto;
    max-width: 100%;
    overflow-wrap: anywhere;
}

.txdh-user-profile-meta-item--ip {
    order: 4;
    flex: 0 1 auto;
    max-width: 100%;
    overflow-wrap: anywhere;
}

.txdh-user-profile-meta-item--email b,
.txdh-user-profile-meta-item--ip b,
.txdh-user-security-current b[data-user-email] {
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.txdh-user-profile-actions {
    display: flex;
    gap: 9px;
    margin-left: auto;
}

.txdh-user-profile-actions a,
.txdh-user-profile-actions button,
.txdh-user-guest button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 34px;
    padding: 0 13px;
    border: 1px solid #cce7e2;
    border-radius: 4px;
    background: #fff;
    color: #188b7a;
    font-size: 13px;
    cursor: pointer;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease;
    box-sizing: border-box;
}

.txdh-user-profile-actions a:first-child,
.txdh-user-profile-actions button,
.txdh-user-guest button {
    border-color: #20a995;
    background: #20a995;
    color: #fff;
}

.txdh-user-profile-actions a:hover,
.txdh-user-profile-actions button:hover,
.txdh-user-guest button:hover {
    border-color: #188b7a;
    background: #188b7a;
    color: #fff;
}

.txdh-user-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 16px 0 24px;
    border: 1px solid #e5edec;
    border-radius: 6px;
    background: #fff;
}

.txdh-user-stats span {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    min-height: 74px;
    padding: 14px 8px;
    box-sizing: border-box;
}

.txdh-user-stats span + span:before {
    position: absolute;
    top: 18px;
    bottom: 18px;
    left: 0;
    width: 1px;
    background: #e8efee;
    content: "";
}

.txdh-user-stats b {
    color: #1a554c;
    font-size: 21px;
    font-weight: 600;
    line-height: 27px;
}

.txdh-user-stats small {
    color: #83938f;
    font-size: 12px;
}

.txdh-user-section {
    border: 1px solid #e5edec;
    border-radius: 6px;
    background: #fff;
}

.txdh-user-section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 51px;
    padding: 0 18px;
    border-bottom: 1px solid #eaf0ef;
}

.txdh-user-section-head > div {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.txdh-user-section-head > div > i {
    color: #20a995;
    font-size: 18px;
}

.txdh-user-section h2 {
    margin: 0;
    color: #294741;
    font-size: 15px;
    font-weight: 600;
}

.txdh-user-overview-section {
    overflow: hidden;
}

.txdh-user-overview-tip {
    overflow: hidden;
    max-width: 48%;
    color: #91a19e;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.txdh-user-overview {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr);
    gap: 26px;
    padding: 24px 20px;
}

.txdh-user-overview-intro {
    min-width: 0;
    padding: 4px 26px 4px 0;
    border-right: 1px solid #e8efee;
}

.txdh-user-overview-kicker {
    color: #20a995;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1px;
}

.txdh-user-overview-intro h3 {
    margin: 12px 0 8px;
    color: #294741;
    font-size: 23px;
    font-weight: 600;
    line-height: 32px;
}

.txdh-user-overview-intro p {
    max-width: 520px;
    margin: 0;
    color: #83938f;
    font-size: 13px;
    line-height: 22px;
}

.txdh-user-overview-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 22px;
}

.txdh-user-overview-actions button {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.txdh-user-overview-links {
    display: grid;
    min-width: 0;
}

.txdh-user-overview-links button {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) 14px;
    align-items: center;
    gap: 9px;
    min-width: 0;
    min-height: 54px;
    padding: 8px 0;
    border: 0;
    border-bottom: 1px solid #edf2f1;
    background: transparent;
    color: #506863;
    text-align: left;
    cursor: pointer;
    transition: color .18s ease, border-color .18s ease;
}

.txdh-user-overview-links button:last-child {
    border-bottom: 0;
}

.txdh-user-overview-links button > i:first-child {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 5px;
    background: #effaf8;
    color: #20a995;
    font-size: 16px;
}

.txdh-user-overview-links button > i:last-child {
    color: #a6b5b2;
    font-size: 14px;
    text-align: right;
}

.txdh-user-overview-links button > span {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 2px;
}

.txdh-user-overview-links strong {
    overflow: hidden;
    color: #45605a;
    font-size: 13px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.txdh-user-overview-links small {
    overflow: hidden;
    color: #9ba9a6;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.txdh-user-overview-links button:hover {
    border-color: #d8e7e4;
    color: #188b7a;
}

.txdh-user-overview-links button:hover > i:first-child {
    background: #dff4f0;
}

.txdh-user-overview-links button:hover > i:last-child {
    color: #20a995;
}

.txdh-user-section-head > a,
.txdh-user-section-action {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #20a995;
    font-size: 12px;
    cursor: pointer;
}

.txdh-user-section-head > a:hover,
.txdh-user-section-action:hover {
    color: #147b6b;
}

.txdh-user-site-list {
    padding: 0 18px;
}

.txdh-user-site-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 56px 92px 16px;
    align-items: center;
    column-gap: 12px;
    min-height: 50px;
    border-bottom: 1px solid #edf2f1;
    color: #506863;
    transition: color .18s ease, background-color .18s ease;
}

.txdh-user-site-item:last-child {
    border-bottom: 0;
}

.txdh-user-site-item:hover {
    color: #188b7a;
    background: #f5fbfa;
}

.txdh-user-site-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
}

.txdh-user-site-item time {
    color: #96a6a2;
    font-size: 12px;
    text-align: right;
}

.txdh-user-site-item > i {
    color: #a6b5b2;
    font-size: 14px;
}

.txdh-user-site-item em,
.txdh-user-sublist em {
    font-size: 11px;
    font-style: normal;
    text-align: right;
}

.txdh-user-site-item em.is-ok,
.txdh-user-sublist em {
    color: #20a995;
}

.txdh-user-site-item em.is-pending {
    color: #d69a34;
}

.txdh-user-site-item em.is-top {
    color: #2783bd;
}

.txdh-user-site-item em.is-draft {
    color: #82919a;
}

.txdh-user-site-item--managed {
    grid-template-columns: minmax(0, 1fr) auto;
}

.txdh-user-sites-tabs {
    display: flex;
    gap: 4px;
    padding: 10px 0 0;
}

.txdh-user-sites-tabs button {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 32px;
    padding: 0 12px;
    border: 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: #71837f;
    font-size: 13px;
    cursor: pointer;
}

.txdh-user-sites-tabs button:hover,
.txdh-user-sites-tabs button.is-active {
    border-bottom-color: #20a995;
    color: #188b7a;
}

.txdh-user-site-item-wrap {
    position: relative;
}

.txdh-user-site-item-wrap .txdh-user-site-item {
    padding-right: 150px;
}

.txdh-user-article-edit {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    padding: 4px 12px;
    font-size: 12px;
    line-height: 1.6;
    color: #188b7a;
    background: #e8f7f4;
    border: 1px solid #bde7e0;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color .18s ease, color .18s ease, border-color .18s ease;
}

.txdh-user-article-edit:hover {
    color: #147b6b;
    background: #d5f1ec;
    border-color: #93d8cd;
}

.txdh-user-article-edit.is-with-delete {
    right: 78px;
}

.txdh-user-article-delete {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    padding: 4px 12px;
    color: #e55252;
    background: #fdf3f3;
    border: 1px solid #f0c8c8;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color .18s ease, color .18s ease, border-color .18s ease;
}

.txdh-user-article-delete:hover {
    color: #c9302c;
    background: #fbe2e2;
    border-color: #e8a3a3;
}

.txdh-user-article-cancel {
    display: inline-flex;
    align-items: center;
    height: 38px;
    margin-left: 10px;
    padding: 0 16px;
    border: 1px solid #d8e2e0;
    border-radius: 4px;
    background: transparent;
    color: #71848b;
    font-size: 13px;
    cursor: pointer;
    transition: background-color .18s ease, color .18s ease, border-color .18s ease;
}

.txdh-user-article-cancel:hover {
    color: #506863;
    border-color: #b9c9c6;
}

.txdh-user-site-main {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) max-content 92px 16px;
    align-items: center;
    column-gap: 12px;
    min-height: 50px;
    min-width: 0;
    color: inherit;
}

.txdh-user-site-main > em {
    white-space: nowrap;
}

.txdh-user-site-main > i {
    color: #a6b5b2;
    font-size: 14px;
}

.txdh-user-site-ico {
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.txdh-user-site-ico img {
    width: 24px;
    height: 24px;
    object-fit: contain;
    display: block;
}

.txdh-user-site-actions {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding-left: 10px;
}

.txdh-user-site-actions button {
    height: 26px;
    padding: 0 8px;
    border: 1px solid #cde2dd;
    border-radius: 3px;
    background: #fff;
    color: #277c6d;
    font-size: 11px;
    cursor: pointer;
    transition: border-color .18s ease, background-color .18s ease, color .18s ease;
}

.txdh-user-site-actions button:hover {
    border-color: #20a995;
    background: #effaf8;
    color: #147b6b;
}

.txdh-user-site-actions button.is-paid {
    border-color: #a8d2ee;
    color: #237cb7;
}

.txdh-user-site-actions button.is-paid:hover {
    border-color: #2e8dca;
    background: #edf7ff;
    color: #17689f;
}

.txdh-user-site-actions button.is-pass {
    border-color: #20a995;
    background: #20a995;
    color: #fff;
}

.txdh-user-site-actions button.is-pass:hover {
    border-color: #188b7a;
    background: #188b7a;
    color: #fff;
}

.txdh-user-site-actions button.is-danger {
    border-color: #e0b3b3;
    color: #c0392b;
}

.txdh-user-site-actions button.is-danger:hover {
    border-color: #d9544f;
    background: #fdf1f1;
    color: #b94444;
}

.txdh-user-site-meta {
    display: inline-flex;
    align-items: center;
    max-width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 6px;
    font-size: 12px;
    color: #91a19e;
}

.txdh-user-upgrade-dialog {
    padding: 18px 20px 4px;
}

.txdh-user-upgrade-dialog p {
    margin: 0 0 16px;
    color: #758783;
    font-size: 13px;
    line-height: 20px;
}

.txdh-user-upgrade-dialog label {
    display: block;
    margin-bottom: 13px;
    color: #50635f;
    font-size: 13px;
}

.txdh-user-upgrade-dialog select,
.txdh-user-upgrade-dialog input {
    width: 100%;
    height: 36px;
    margin-top: 6px;
    padding: 0 9px;
    border: 1px solid #d8e7e4;
    border-radius: 4px;
    background: #fff;
    color: #37534d;
    box-sizing: border-box;
    outline: 0;
}

.txdh-user-upgrade-dialog input[type='color'] {
    width: 38px;
    padding: 3px;
    cursor: pointer;
}

.txdh-user-upgrade-dialog strong {
    display: block;
    margin: 2px 0 8px;
    color: #277c6d;
    font-size: 13px;
    font-weight: 600;
}

.layui-layer.txdh-user-upgrade-layer {
    overflow: hidden;
    border: 1px solid #dcebe7;
    border-radius: 6px;
    box-shadow: 0 16px 42px rgba(29, 78, 70, .16);
}

.layui-layer.txdh-user-upgrade-layer .layui-layer-title {
    height: 48px;
    line-height: 48px;
    padding-left: 20px;
    border-bottom: 1px solid #e1eeeb;
    background: #f5fbfa;
    color: #2f544d;
    font-size: 15px;
    font-weight: 600;
}

.layui-layer.txdh-user-upgrade-layer .layui-layer-content {
    padding: 0;
    background: #fff;
    color: #50635f;
}

.layui-layer.txdh-user-upgrade-layer .layui-layer-btn {
    padding: 10px 16px 14px;
    border-top: 1px solid #e8f0ee;
    background: #fbfdfd;
    text-align: right;
}

.layui-layer.txdh-user-upgrade-layer .layui-layer-btn a {
    height: 32px;
    line-height: 30px;
    margin: 0 0 0 8px;
    padding: 0 14px;
    border: 1px solid #c9e1dc;
    border-radius: 4px;
    background: #fff;
    color: #277c6d;
    font-size: 12px;
}

.layui-layer.txdh-user-upgrade-layer .layui-layer-btn .layui-layer-btn0 {
    border-color: #20a995;
    background: #20a995;
    color: #fff;
}

.layui-layer.txdh-user-upgrade-layer .layui-layer-btn a:hover {
    border-color: #20a995;
    background: #effaf8;
    color: #147b6b;
}

.layui-layer.txdh-user-upgrade-layer .layui-layer-btn .layui-layer-btn0:hover {
    border-color: #188b7a;
    background: #188b7a;
    color: #fff;
}

html.txdh-dark-mode .layui-layer.txdh-user-upgrade-layer {
    border-color: #2c4645 !important;
    background: #162129 !important;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .35);
}

html.txdh-dark-mode .layui-layer.txdh-user-upgrade-layer .layui-layer-title {
    border-bottom-color: #2c4148 !important;
    background: #1c3035 !important;
    color: #e0edf0 !important;
}

html.txdh-dark-mode .layui-layer.txdh-user-upgrade-layer .layui-layer-content {
    background: #162129 !important;
    color: #dce9ed !important;
}

html.txdh-dark-mode .layui-layer.txdh-user-upgrade-layer .layui-layer-btn {
    border-top-color: #2c4148 !important;
    background: #142027 !important;
}

html.txdh-dark-mode .layui-layer.txdh-user-upgrade-layer .layui-layer-btn a {
    border-color: #365456 !important;
    background: #1d3035 !important;
    color: #9fe6dc !important;
}

html.txdh-dark-mode .layui-layer.txdh-user-upgrade-layer .layui-layer-btn .layui-layer-btn0 {
    border-color: #20a995 !important;
    background: #20a995 !important;
    color: #fff !important;
}

html.txdh-dark-mode .layui-layer.txdh-user-upgrade-layer .layui-layer-btn a:hover {
    border-color: #20a995 !important;
    background: #1e3a3b !important;
    color: #b7f4ec !important;
}

html.txdh-dark-mode .layui-layer.txdh-user-upgrade-layer .layui-layer-btn .layui-layer-btn0:hover {
    border-color: #188b7a !important;
    background: #188b7a !important;
    color: #fff !important;
}

.txdh-user-admin-tip {
    color: #91a19e;
    font-size: 12px;
}

.txdh-user-admin-tabs {
    display: flex;
    gap: 4px;
    padding: 12px 18px 0;
    border-bottom: 1px solid #eaf0ef;
}

.txdh-user-admin-tabs button {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 34px;
    padding: 0 12px;
    border: 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: #71837f;
    font-size: 12px;
    cursor: pointer;
}

.txdh-user-admin-tabs button:hover,
.txdh-user-admin-tabs button.is-active {
    border-bottom-color: #20a995;
    color: #188b7a;
}

.txdh-user-admin-panel {
    width: 100%;
    min-width: 0;
    padding: 0 18px 18px;
    box-sizing: border-box;
}

.txdh-user-admin-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 52px;
    color: #8b9c98;
    font-size: 12px;
    min-width: 0;
}

.txdh-user-admin-toolbar .txdh-user-secondary {
    flex: 0 0 auto;
    height: 30px;
    padding: 0 11px;
    font-size: 12px;
}

.txdh-user-admin-toolbar-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 7px;
}

.txdh-user-admin-toolbar .is-danger {
    border-color: #efcaca;
    color: #c35d5d;
}

.txdh-user-admin-toolbar .is-danger:hover {
    border-color: #df8f8f;
    background: #fff5f5;
    color: #b94444;
}

.txdh-user-admin-list {
    display: grid;
    gap: 12px;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

.txdh-user-admin-item {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    padding: 15px 16px;
    border: 1px solid #e3eeec;
    border-radius: 5px;
    background: #fbfefd;
    box-sizing: border-box;
    overflow: hidden;
}

.txdh-user-ad-summary {
    min-width: 0;
}

.txdh-user-ad-summary-main {
    min-width: 0;
}

.txdh-user-ad-summary-main h3 {
    overflow: hidden;
    margin: 10px 0 0;
    color: #45605a;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.txdh-user-ad-summary-status {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 10px;
    color: #8a9b97;
    font-size: 11px;
}

.txdh-user-ad-summary-status em {
    flex: 0 0 auto;
    padding: 4px 8px;
    border-radius: 3px;
    font-style: normal;
}

.txdh-user-ad-summary-status em.is-paid {
    background: #e7f7f1;
    color: #188b7a;
}

.txdh-user-ad-summary-status em.is-pending {
    background: #fff5df;
    color: #bd8328;
}

.txdh-user-ad-summary-status em.is-expired {
    background: #eef2f1;
    color: #758783;
}

.txdh-user-ad-summary-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    margin-top: 9px;
    color: #92a19e;
    font-size: 11px;
}

.txdh-user-ad-summary-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 12px;
}

.txdh-user-ad-summary-actions button {
    height: 29px;
    padding: 0 11px;
    font-size: 12px;
}

.txdh-user-admin-ad-details {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid #edf2f1;
}
.txdh-user-admin-site-edit {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid #edf2f1;
}

.txdh-user-admin-item-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-width: 0;
}

.txdh-user-admin-item-head > div {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.txdh-user-admin-item-head strong {
    color: #365850;
    font-size: 13px;
    font-weight: 600;
}

.txdh-user-admin-item-head span,
.txdh-user-admin-item-head em {
    overflow: hidden;
    color: #92a19e;
    font-size: 11px;
    font-style: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.txdh-user-admin-item-head select,
.txdh-user-admin-form-grid input,
.txdh-user-admin-form-grid select,
.txdh-user-admin-field input,
.txdh-user-admin-field select,
.txdh-user-admin-field textarea {
    width: 100%;
    min-width: 0;
    border: 1px solid #d8e7e4;
    border-radius: 4px;
    background: #fff;
    color: #37534d;
    font-size: 12px;
    outline: 0;
    box-sizing: border-box;
}

.txdh-user-admin-item-head select {
    width: 90px;
    height: 30px;
    padding: 0 6px;
}

.txdh-user-admin-content {
    max-width: 100%;
    margin: 13px 0 10px;
    color: #526b65;
    font-size: 13px;
    line-height: 21px;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.txdh-user-admin-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    color: #8a9b97;
    font-size: 11px;
    min-width: 0;
	margin-top: 13px;
}

.txdh-user-admin-meta span {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
}

.txdh-user-admin-meta i {
    margin-right: 4px;
    color: #20a995;
}

.txdh-user-admin-field {
    display: block;
    width: 100%;
    min-width: 0;
    margin-top: 13px;
    box-sizing: border-box;
}

.txdh-user-admin-field > span,
.txdh-user-admin-form-grid label > span {
    display: block;
    margin-bottom: 5px;
    color: #71837f;
    font-size: 11px;
}

.txdh-user-admin-field input,
.txdh-user-admin-field select,
.txdh-user-admin-field textarea,
.txdh-user-admin-form-grid input,
.txdh-user-admin-form-grid select {
    height: 34px;
    padding: 0 9px;
}

.txdh-user-admin-field textarea {
    min-height: 66px;
    padding: 8px 9px;
    line-height: 18px;
    resize: vertical;
}

.txdh-user-admin-form-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-top: 14px;
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

.txdh-user-admin-form-grid label {
    min-width: 0;
}

.txdh-user-admin-form-grid.txdh-user-admin-color-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.txdh-user-admin-form-grid input[type=color] {
    padding: 2px;
    cursor: pointer;
}

.txdh-user-admin-form-grid.txdh-user-admin-color-field[hidden] {
    display: none !important;
}

.txdh-user-admin-field input:focus,
.txdh-user-admin-field select:focus,
.txdh-user-admin-field textarea:focus,
.txdh-user-admin-form-grid input:focus,
.txdh-user-admin-form-grid select:focus,
.txdh-user-admin-item-head select:focus {
    border-color: #20a995;
    box-shadow: 0 0 0 3px rgba(32, 169, 149, .1);
}

.txdh-user-admin-actions {
    display: flex;
    gap: 8px;
    margin-top: 13px;
}
.txdh-user-admin-note {
    margin: 10px 0 0;
    padding: 9px 11px;
    background: #f0f9ff;
    border: 1px solid #b3e0ff;
    border-left: 3px solid #20b8d0;
    border-radius: 6px;
    font-size: 12px;
    line-height: 1.7;
    color: #1f4e6b;
    word-break: break-all;
}
.txdh-user-admin-note b {
    color: #0f8aa0;
}

.txdh-user-admin-actions button {
    height: 32px;
    padding: 0 13px;
    font-size: 12px;
}

.txdh-user-admin-actions .is-danger {
    border-color: #efcaca;
    color: #c35d5d;
}

.txdh-user-admin-actions .is-danger:hover {
    border-color: #df8f8f;
    background: #fff5f5;
    color: #b94444;
}

.txdh-user-admin-loading,
.txdh-user-admin-error,
.txdh-user-admin-empty {
    padding: 34px 15px;
    color: #91a19e;
    font-size: 12px;
    text-align: center;
}

.txdh-user-admin-loading i,
.txdh-user-admin-empty i {
    margin-right: 5px;
    color: #20a995;
}

.txdh-user-admin-empty i {
    display: block;
    margin: 0 0 6px;
    font-size: 26px;
}

.txdh-user-admin-empty p {
    margin: 0;
}

.txdh-admin-dash-cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 12px;
    width: 100%;
    margin-bottom: 20px;
}

.txdh-admin-dash-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 16px 18px;
    border: 1px solid #eaf0ef;
    border-radius: 10px;
    background: #fff;
    cursor: pointer;
    box-sizing: border-box;
    transition: border-color .2s, box-shadow .2s, transform .2s;
}

.txdh-admin-dash-card:hover,
.txdh-admin-dash-card:focus-visible {
    border-color: #20a995;
    box-shadow: 0 4px 14px rgba(32, 169, 149, .12);
    transform: translateY(-1px);
    outline: none;
}

.txdh-admin-dash-card .el-icon {
    font-size: 22px;
    color: #20a995;
}

.txdh-admin-dash-card .num {
    font-size: 26px;
    font-weight: 700;
    line-height: 1;
    color: #233432;
}

.txdh-admin-dash-card .label {
    font-size: 12px;
    color: #91a19e;
}

.txdh-admin-dash-card.is-danger {
    border-color: #f3d8d8;
    background: #fef6f6;
}

.txdh-admin-dash-card.is-danger .el-icon {
    color: #d9544f;
}

.txdh-admin-dash-card.is-danger .num {
    color: #b94444;
}

.txdh-admin-dash-section-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    padding: 4px 2px 10px;
    font-size: 14px;
    font-weight: 600;
    color: #233432;
}

.txdh-admin-dash-more {
    font-size: 12px;
    font-weight: 400;
    color: #20a995;
    cursor: pointer;
}

.txdh-admin-dash-more:hover {
    color: #188b7a;
}

.txdh-user-order-list {
    display: grid;
    gap: 10px;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    padding: 15px 18px 18px;
    overflow: hidden;
    box-sizing: border-box;
}

.txdh-user-section[data-user-panel="orders"] {
    min-width: 0;
    overflow: hidden;
    box-sizing: border-box;
}

.txdh-user-order-item {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    padding: 15px 16px;
    border: 1px solid #e3eeec;
    border-radius: 5px;
    background: #fbfefd;
    box-sizing: border-box;
    overflow: hidden;
}

.txdh-user-order-head,
.txdh-user-order-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-width: 0;
}

.txdh-user-order-head > div {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}

.txdh-user-order-head strong {
    color: #365850;
    font-size: 13px;
    font-weight: 600;
}

.txdh-user-order-head span,
.txdh-user-order-foot time {
    overflow: hidden;
    color: #92a19e;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.txdh-user-order-head em {
    flex: 0 0 auto;
    padding: 4px 8px;
    border-radius: 3px;
    font-size: 11px;
    font-style: normal;
}

.txdh-user-order-head em.is-paid {
    background: #e7f7f1;
    color: #188b7a;
}

.txdh-user-order-head em.is-pending {
    background: #fff5df;
    color: #bd8328;
}

.txdh-user-order-head em.is-muted {
    background: #eef2f1;
    color: #758783;
}

.txdh-user-order-item h3 {
    overflow: hidden;
    margin: 13px 0 8px;
    color: #45605a;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.txdh-user-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 13px;
    color: #83938f;
    font-size: 11px;
    line-height: 18px;
}

.txdh-user-order-meta span {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
}

.txdh-user-order-meta span.is-payment-deadline {
    color: #bd8328;
    font-weight: 600;
}

.txdh-user-order-foot {
    margin-top: 13px;
    padding-top: 11px;
    border-top: 1px solid #edf2f1;
}

.txdh-user-order-foot > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 7px;
    min-width: 0;
    max-width: 100%;
}

.txdh-user-order-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    padding: 0 11px;
    border-radius: 4px;
    font-size: 12px;
    text-decoration: none;
    box-sizing: border-box;
}

.txdh-user-order-action.txdh-user-primary {
    height: 30px;
    color: #fff;
}

.txdh-user-order-action.txdh-user-secondary {
    height: 30px;
}

.txdh-user-order-loading,
.txdh-user-order-error,
.txdh-user-order-empty {
    padding: 35px 15px;
    color: #91a19e;
    font-size: 12px;
    text-align: center;
}

.txdh-user-order-loading i,
.txdh-user-order-empty i {
    margin-right: 5px;
    color: #20a995;
}

.txdh-user-order-empty i {
    display: block;
    margin: 0 0 6px;
    font-size: 27px;
}

.txdh-user-order-empty p {
    margin: 0;
}

.txdh-user-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 16px 18px;
    border-top: 1px solid #edf2f1;
}

.txdh-user-pagination a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    min-width: 30px;
    height: 28px;
    padding: 0 8px;
    border: 1px solid #deebe8;
    border-radius: 4px;
    color: #68807a;
    font-size: 12px;
    box-sizing: border-box;
}

.txdh-user-pagination a:hover,
.txdh-user-pagination a.is-active {
    border-color: #20a995;
    background: #20a995;
    color: #fff;
}

.txdh-user-tabs {
    display: flex;
    gap: 5px;
    margin: 0 0 14px;
    padding: 5px;
    border: 1px solid #e5edec;
    border-radius: 6px;
    background: #f7fbfa;
}

.txdh-user-tabs button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 0;
    height: 34px;
    padding: 0 13px;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: #637672;
    font-size: 13px;
    cursor: pointer;
    transition: background-color .18s ease, color .18s ease, box-shadow .18s ease;
}

.txdh-user-tabs button:hover {
    color: #188b7a;
}

.txdh-user-tabs button.is-active {
    background: #fff;
    color: #188b7a;
    box-shadow: 0 1px 4px rgba(25, 77, 68, .12);
}

.txdh-user-record-list {
    padding: 0 18px;
}

.txdh-user-record {
    position: relative;
    display: block;
    min-height: 61px;
    padding: 11px 110px 10px 0;
    border-bottom: 1px solid #edf2f1;
    color: #586d69;
    box-sizing: border-box;
    transition: background-color .18s ease, color .18s ease;
}

.txdh-user-record:last-child {
    border-bottom: 0;
}

.txdh-user-record:hover {
    background: #f5fbfa;
    color: #188b7a;
}

.txdh-user-record strong {
    display: block;
    overflow: hidden;
    color: #45605a;
    font-size: 13px;
    font-weight: 500;
    line-height: 19px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.txdh-user-record p {
    overflow: hidden;
    margin: 2px 0 0;
    color: #8c9c99;
    font-size: 12px;
    line-height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.txdh-user-record time {
    position: absolute;
    top: 21px;
    right: 0;
    color: #9ba9a6;
    font-size: 12px;
}

.txdh-user-record--single {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 112px 14px;
    align-items: center;
    gap: 10px;
    min-height: 51px;
    padding: 0;
}

.txdh-user-record--single time {
    position: static;
    text-align: right;
}

.txdh-user-record--single > i {
    color: #a6b5b2;
    font-size: 14px;
}

.txdh-user-complaint-list {
    padding: 0 18px;
}

.txdh-user-complaint-item {
    padding: 14px 0;
    border-bottom: 1px solid #edf2f1;
}

.txdh-user-complaint-item:last-child {
    border-bottom: 0;
}

.txdh-user-complaint-head {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.txdh-user-complaint-head strong {
    color: #45605a;
    font-size: 13px;
    font-weight: 600;
}

.txdh-user-complaint-head span {
    color: #9ba9a6;
    font-size: 11px;
}

.txdh-user-complaint-head em {
    margin-left: auto;
    padding: 4px 8px;
    border-radius: 3px;
    font-size: 11px;
    font-style: normal;
}

.txdh-user-complaint-head em.is-new {
    background: #fff5df;
    color: #bd8328;
}

.txdh-user-complaint-head em.is-processing {
    background: #eaf4fb;
    color: #2e78a8;
}

.txdh-user-complaint-head em.is-resolved {
    background: #e7f7f1;
    color: #188b7a;
}

.txdh-user-complaint-item > p {
    margin: 10px 0 0;
    color: #586d69;
    font-size: 13px;
    line-height: 21px;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.txdh-user-complaint-result {
    margin-top: 11px;
    padding: 10px 12px;
    border-left: 3px solid #20a995;
    background: #f5fbfa;
    color: #526b65;
    font-size: 12px;
    line-height: 20px;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.txdh-user-complaint-result > span {
    display: block;
    margin-bottom: 2px;
    color: #188b7a;
    font-size: 11px;
    font-weight: 600;
}

.txdh-user-complaint-result > em {
    color: #9ba9a6;
    font-style: normal;
}

.txdh-user-form-wrap {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 260px;
    gap: 24px;
    padding: 22px 20px;
}

.txdh-user-form-wrap--profile {
    grid-template-columns: minmax(0, 1fr) minmax(260px, .75fr);
}

.txdh-user-form label {
    display: block;
    margin-bottom: 15px;
}

.txdh-user-form label[hidden] {
    display: none;
}

.txdh-user-avatar-editor {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 18px;
    padding-bottom: 17px;
    border-bottom: 1px solid #e8efee;
}

.txdh-user-avatar-editor > img {
    width: 58px;
    height: 58px;
    border: 2px solid #d8eeea;
    border-radius: 50%;
    object-fit: cover;
}

.txdh-user-avatar-editor > div {
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
}

.txdh-user-avatar-editor strong {
    color: #405b55;
    font-size: 13px;
    font-weight: 600;
}

.txdh-user-avatar-editor span {
    color: #91a19e;
    font-size: 12px;
}

.txdh-user-avatar-upload {
    display: inline-flex !important;
    align-items: center;
    gap: 4px;
    margin: 3px 0 0 !important;
    color: #188b7a;
    font-size: 12px;
    cursor: pointer;
}

.txdh-user-avatar-upload input {
    display: none;
}

#txdhUserMarkdownEditor {
    margin: 0;
}

#txdhUserMarkdownEditor.editormd {
    border-color: #d8e7e4;
}

.txdh-user-form label > span {
    display: block;
    margin-bottom: 6px;
    color: #50635f;
    font-size: 13px;
}

.txdh-user-form input,
.txdh-user-form textarea,
.txdh-user-form select {
    width: 100%;
    border: 1px solid #d8e7e4;
    border-radius: 4px;
    background: #fff;
    color: #37534d;
    font-size: 13px;
    outline: 0;
    box-sizing: border-box;
    transition: border-color .18s ease, box-shadow .18s ease;
}

.txdh-user-form input,
.txdh-user-form select {
    height: 38px;
    padding: 0 10px;
}

.txdh-user-form textarea {
    min-height: 90px;
    padding: 10px;
    line-height: 20px;
    resize: vertical;
}

.txdh-user-form input:focus,
.txdh-user-form textarea:focus,
.txdh-user-form select:focus {
    border-color: #20a995;
    box-shadow: 0 0 0 3px rgba(32, 169, 149, .11);
}

.txdh-user-form input:disabled {
    background: #f4f7f6;
    color: #91a19e;
    cursor: not-allowed;
}

.txdh-user-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px;
}

.txdh-user-downloads {
    margin-bottom: 4px;
}

.txdh-user-download-row {
    position: relative;
    margin-bottom: 12px;
    padding: 14px 14px 2px;
    border: 1px dashed #d8e7e4;
    border-radius: 6px;
    background: #fafcfc;
}

.txdh-user-download-row .txdh-user-form-grid {
    gap: 10px;
}

.txdh-user-download-row label {
    margin-bottom: 12px;
}

.txdh-user-download-del {
    position: absolute;
    top: 8px;
    right: 10px;
    width: 22px;
    height: 22px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #eef3f2;
    color: #91a19e;
    font-size: 16px;
    line-height: 22px;
    cursor: pointer;
    transition: background .18s ease, color .18s ease;
}

.txdh-user-download-del:hover {
    background: #fdeeee;
    color: #e05a4e;
}

.txdh-user-download-actions {
    margin-bottom: 15px;
}

.txdh-user-download-add {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 6px 14px;
    border: 1px dashed #20a995;
    border-radius: 4px;
    background: #fff;
    color: #20a995;
    font-size: 13px;
    cursor: pointer;
    transition: background .18s ease, color .18s ease;
}

.txdh-user-download-add:hover {
    background: #f2fffc;
}

.txdh-user-domain-control {
    display: grid;
    grid-template-columns: 104px minmax(0, 1fr);
}

.txdh-user-domain-row {
    display: flex;
    align-items: stretch;
    gap: 10px;
}
.txdh-user-domain-row .txdh-user-domain-control {
    flex: 1 1 auto;
    min-width: 0;
}
.txdh-user-domain-row .txdh-user-secondary {
    flex: 0 0 auto;
    white-space: nowrap;
}

.txdh-user-domain-control select {
    border-radius: 4px 0 0 4px;
}

.txdh-user-domain-control input {
    margin-left: -1px;
    border-radius: 0 4px 4px 0;
}

.txdh-user-site-pay {
    margin: 2px 0 16px;
    padding: 13px 14px;
    border: 1px solid #e2eeeb;
    border-radius: 4px;
    background: #f8fbfa;
}

.txdh-user-site-pay-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px;
}

.txdh-user-site-pay-grid label {
    margin-bottom: 12px !important;
}

.txdh-user-site-pay-grid input[readonly] {
    background: #f1f6f4;
    color: #62746f;
}

.txdh-user-site-benefits {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding-top: 11px;
    border-top: 1px solid #e2eeeb;
}

.txdh-user-site-benefits > div {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 3px;
}

.txdh-user-site-benefits strong {
    color: #38544e;
    font-size: 13px;
    font-weight: 600;
}

.txdh-user-site-benefits span {
    color: #91a19e;
    font-size: 12px;
    line-height: 18px;
}

.txdh-user-site-color {
    display: inline-flex !important;
    align-items: center;
    flex: 0 0 auto;
    gap: 8px;
    margin: 0 !important;
    color: #647874;
    font-size: 12px;
    cursor: pointer;
}

.txdh-user-site-color > span {
    display: inline !important;
    margin: 0 !important;
    color: inherit !important;
    font-size: inherit !important;
}

.txdh-user-site-color input[type='color'] {
    width: 32px;
    height: 32px;
    padding: 3px;
    border: 1px solid #cfe1dc;
    background: #fff;
    cursor: pointer;
}

.txdh-user-submit-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.txdh-user-submit-actions button {
    min-width: 112px;
}

.txdh-user-paid {
    position: relative;
    z-index: 2;
    height: 38px;
    padding: 0 16px;
    border: 1px solid #2e8dca;
    border-radius: 4px;
    background: #2e8dca;
    color: #fff;
    font-size: 13px;
    cursor: pointer;
    transition: background-color .18s ease, border-color .18s ease;
}

.txdh-user-paid:hover {
    border-color: #2379b1;
    background: #2379b1;
}

.txdh-user-check {
    display: inline-flex !important;
    align-items: center;
    gap: 7px;
    color: #647874;
    font-size: 12px;
    cursor: pointer;
}

.txdh-user-switch {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    margin: 0 0 17px !important;
    color: #647874;
    font-size: 13px;
    cursor: pointer;
}

.txdh-user-switch input {
    position: absolute;
    opacity: 0;
}

.txdh-user-switch i {
    position: relative;
    width: 32px;
    height: 18px;
    border-radius: 10px;
    background: #c6d6d3;
    transition: background-color .18s ease;
}

.txdh-user-switch i:after {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 3px rgba(20, 52, 47, .2);
    content: "";
    transition: transform .18s ease;
}

.txdh-user-switch input:checked + i {
    background: #20a995;
}

.txdh-user-switch input:checked + i:after {
    transform: translateX(14px);
}

.txdh-user-check input {
    position: absolute;
    opacity: 0;
}

.txdh-user-check i {
    width: 14px;
    height: 14px;
    border: 1px solid #bcd6d1;
    border-radius: 3px;
    background: #fff;
    box-sizing: border-box;
}

.txdh-user-check input:checked + i {
    border-color: #20a995;
    background: #20a995;
    box-shadow: inset 0 0 0 3px #20a995;
}

.txdh-user-check input:checked + i:after {
    display: block;
    width: 6px;
    height: 3px;
    margin: 3px 0 0 2px;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    content: "";
    transform: rotate(-45deg);
}

.txdh-user-primary,
.txdh-user-secondary {
    position: relative;
    z-index: 2;
    height: 38px;
    padding: 0 16px;
    border: 1px solid #20a995;
    border-radius: 4px;
    background: #20a995;
    color: #fff;
    font-size: 13px;
    cursor: pointer;
    transition: background-color .18s ease, border-color .18s ease;
}

.txdh-user-primary:hover {
    border-color: #188b7a;
    background: #188b7a;
}

.txdh-user-primary:disabled,
.txdh-user-secondary:disabled {
    cursor: wait;
    opacity: .65;
}

.txdh-user-secondary {
    border-color: #c7dfda;
    background: #fff;
    color: #188b7a;
}

.txdh-user-secondary:hover {
    border-color: #20a995;
    background: #effaf8;
}

.txdh-user-form-message {
    margin: 0 0 12px;
    padding: 8px 12px;
    border-radius: 4px;
    background: #f6fbf9;
    border: 1px dashed #c7dfda;
    color: #188b7a;
    font-size: 13px;
    line-height: 1.5;
    display: none;
}
.txdh-user-form-message:not(:empty) {
    display: block;
}

.txdh-user-ico-row {
    display: flex;
    align-items: center;
    gap: 10px;
}
.txdh-user-ico-row input {
    flex: 1 1 auto;
    min-width: 0;
}
.txdh-user-ico-preview {
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e3ecea;
    border-radius: 6px;
    background: #fafcfb;
    overflow: hidden;
}
.txdh-user-ico-preview img {
    width: 28px;
    height: 28px;
    object-fit: contain;
    display: block;
}

.txdh-user-form-tip {
    margin: 10px 0 0;
    color: #95a4a1;
    font-size: 12px;
}

.txdh-user-sublist {
    border-left: 1px solid #e8efee;
    padding-left: 20px;
}

.txdh-user-sublist h3,
.txdh-user-password-form h3,
.txdh-user-email-form h3,
.txdh-user-login-records h3 {
    margin: 0 0 11px;
    color: #38544e;
    font-size: 14px;
    font-weight: 600;
}

.txdh-user-sublist a {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 48px;
    gap: 8px;
    padding: 9px 0;
    border-bottom: 1px solid #edf2f1;
    color: #637874;
}

.txdh-user-sublist a:hover {
    color: #188b7a;
}

.txdh-user-sublist a span {
    overflow: hidden;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.txdh-user-security-current {
    margin: -3px 0 16px;
    color: #80918e;
    font-size: 12px;
}

.txdh-user-security-current b {
    color: #3d5c56;
    font-weight: 500;
}

.txdh-user-email-code {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 104px;
    gap: 8px;
}

.txdh-user-email-code .txdh-user-secondary {
    width: 100%;
    padding: 0 8px;
    white-space: nowrap;
}

.txdh-user-login-records {
    border-left: 1px solid #e8efee;
    padding-left: 20px;
}

.txdh-user-login-record {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    min-height: 70px;
    padding: 13px 0;
    border-top: 1px solid #edf2f1;
    box-sizing: border-box;
}

.txdh-user-login-record > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #eaf7f4;
    color: #20a995;
    font-size: 16px;
}

.txdh-user-login-record strong,
.txdh-user-login-record span {
    display: block;
}

.txdh-user-login-record strong {
    color: #405b55;
    font-size: 13px;
    font-weight: 600;
}

.txdh-user-login-record span,
.txdh-user-login-record time {
    color: #8a9b98;
    font-size: 12px;
}

.txdh-user-login-record span {
    margin-top: 3px;
}

.txdh-user-login-record time {
    grid-column: 2;
}

.txdh-user-login-empty {
    margin: 0;
    padding: 15px 0;
    border-top: 1px solid #edf2f1;
    color: #8a9b98;
    font-size: 12px;
}

.txdh-user-empty {
    padding: 37px 18px 40px;
    color: #91a19e;
    text-align: center;
}

.txdh-user-empty > i {
    display: block;
    margin-bottom: 5px;
    color: #c0d3cf;
    font-size: 31px;
}

.txdh-user-empty p {
    margin: 0 0 10px;
    font-size: 13px;
}

.txdh-user-empty a,
.txdh-user-empty button {
    padding: 0;
    border: 0;
    background: transparent;
    color: #20a995;
    font-size: 13px;
    cursor: pointer;
}

.txdh-user-guest {
    padding: 74px 20px 80px;
    border: 1px solid #e3eeec;
    border-top: 3px solid #20a995;
    border-radius: 6px;
    background: #fafffe;
    text-align: center;
}

.txdh-user-guest-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: #dff4f0;
    color: #20a995;
    font-size: 25px;
}

.txdh-user-guest h1 {
    margin: 14px 0 4px;
    color: #244842;
    font-size: 20px;
    font-weight: 600;
}

.txdh-user-guest p {
    margin: 0 0 18px;
    color: #81938f;
    font-size: 13px;
}

.txdh-user-bind {
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid #e8f0ee;
}

.txdh-user-bind h3 {
    margin: 0 0 12px;
    color: #244842;
    font-size: 15px;
    font-weight: 600;
}

.txdh-user-bind-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid #e3eeec;
    border-radius: 6px;
    background: #fbfefd;
}

.txdh-user-bind-ico {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    flex: 0 0 auto;
}

.txdh-user-bind-ico img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.txdh-user-bind-item > div {
    flex: 1;
    min-width: 0;
}

.txdh-user-bind-item strong {
    display: block;
    color: #244842;
    font-size: 14px;
}

.txdh-user-bind-item small {
    display: block;
    margin-top: 2px;
    color: #81938f;
    font-size: 12px;
}

.txdh-user-bind-item button {
    flex: 0 0 auto;
}

html.txdh-dark-mode body.user-center-page .article.txdh-user-center-page,
html.txdh-dark-mode .txdh-user-stats,
html.txdh-dark-mode .txdh-user-section {
    background: #162129;
}

html.txdh-dark-mode .txdh-user-profile,
html.txdh-dark-mode .txdh-user-guest {
    border-color: #2c4645;
    background: #17252c;
}

html.txdh-dark-mode .txdh-user-bind {
    border-top-color: #2c4645;
}

html.txdh-dark-mode .txdh-user-bind h3,
html.txdh-dark-mode .txdh-user-bind-item strong {
    color: #dfe9ed;
}

html.txdh-dark-mode .txdh-user-bind-item {
    border-color: #2c4645;
    background: #17252c;
}

html.txdh-dark-mode .txdh-user-stats,
html.txdh-dark-mode .txdh-user-section {
    border-color: #2c4148;
}

html.txdh-dark-mode .txdh-user-profile-main h1,
html.txdh-dark-mode .txdh-user-stats b,
html.txdh-dark-mode .txdh-user-section h2,
html.txdh-dark-mode .txdh-user-guest h1,
html.txdh-dark-mode .txdh-user-overview-intro h3,
html.txdh-dark-mode .txdh-user-overview-links strong {
    color: #e0edf0;
}

html.txdh-dark-mode .txdh-user-profile-main p,
html.txdh-dark-mode .txdh-user-profile-meta-item,
html.txdh-dark-mode .txdh-user-stats small,
html.txdh-dark-mode .txdh-user-site-item,
html.txdh-dark-mode .txdh-user-site-item time,
html.txdh-dark-mode .txdh-user-empty,
html.txdh-dark-mode .txdh-user-guest p,
html.txdh-dark-mode .txdh-user-overview-tip,
html.txdh-dark-mode .txdh-user-overview-intro p {
    color: #9aadb4;
}

html.txdh-dark-mode .txdh-user-profile-meta-item b {
    color: #e0edf0;
}

html.txdh-dark-mode .txdh-user-overview-intro {
    border-color: #2a3d44;
}

html.txdh-dark-mode .txdh-user-overview-links button {
    border-color: #2a3d44;
    color: #b6c5c9;
}

html.txdh-dark-mode .txdh-user-overview-links button > i:first-child {
    background: #1d363a;
    color: #75decf;
}

html.txdh-dark-mode .txdh-user-overview-links button > i:last-child,
html.txdh-dark-mode .txdh-user-overview-links small {
    color: #97aab1;
}

html.txdh-dark-mode .txdh-user-overview-links button:hover {
    border-color: #365456;
    color: #75decf;
}

html.txdh-dark-mode .txdh-user-overview-links button:hover > i:first-child {
    background: #244943;
}

html.txdh-dark-mode .txdh-user-overview-links button:hover > i:last-child {
    color: #75decf;
}

html.txdh-dark-mode .txdh-user-profile-actions a {
    border-color: #365456;
    background: #1d3035;
    color: #72d9ca;
}

html.txdh-dark-mode .txdh-user-profile-actions button {
    border-color: #20a995;
    background: #20a995;
    color: #fff;
}

html.txdh-dark-mode .txdh-user-profile-actions a:first-child,
html.txdh-dark-mode .txdh-user-guest button {
    border-color: #20a995;
    background: #20a995;
    color: #fff;
}

html.txdh-dark-mode .txdh-user-stats span + span:before,
html.txdh-dark-mode .txdh-user-section-head,
html.txdh-dark-mode .txdh-user-site-item {
    border-color: #2a3d44;
}

html.txdh-dark-mode .txdh-user-site-item:hover {
    background: #1c3034;
    color: #75decf;
}

html.txdh-dark-mode .txdh-user-article-edit {
    color: #75decf;
    background: #1c3034;
    border-color: #2d6b62;
}

html.txdh-dark-mode .txdh-user-article-edit:hover {
    color: #a5f3e8;
    background: #24424a;
    border-color: #3f8a80;
}

html.txdh-dark-mode .txdh-user-article-delete {
    color: #f2958f;
    background: #2c2222;
    border-color: #6b3a3a;
}

html.txdh-dark-mode .txdh-user-article-delete:hover {
    color: #ffb3ad;
    background: #3a2828;
    border-color: #8f4c4c;
}

html.txdh-dark-mode .txdh-user-article-cancel {
    color: #9badb5;
    border-color: #2a3d44;
}

html.txdh-dark-mode .txdh-user-article-cancel:hover {
    color: #cfdde2;
    border-color: #41575f;
}

html.txdh-dark-mode .txdh-user-site-item em.is-draft {
    color: #9badb5;
}

html.txdh-dark-mode .txdh-user-site-item em.is-top {
    color: #91c9ef;
}

html.txdh-dark-mode .txdh-user-pagination {
    border-color: #2a3d44;
}

html.txdh-dark-mode .txdh-user-pagination a {
    border-color: #365456;
    background: #1d3035;
    color: #9badb5;
}

html.txdh-dark-mode .txdh-user-pagination a:hover,
html.txdh-dark-mode .txdh-user-pagination a.is-active {
    border-color: #20a995;
    background: #20a995;
    color: #fff;
}

html.txdh-dark-mode .txdh-user-tabs {
    border-color: #2c4148;
    background: #1a2a30;
}

html.txdh-dark-mode .txdh-user-tabs button {
    color: #9badb5;
}

html.txdh-dark-mode .txdh-user-tabs button.is-active {
    background: #24363c;
    color: #75decf;
    box-shadow: none;
}

html.txdh-dark-mode .txdh-user-record,
html.txdh-dark-mode .txdh-user-sublist a {
    border-color: #2a3d44;
}

html.txdh-dark-mode .txdh-user-record strong,
html.txdh-dark-mode .txdh-user-sublist h3,
html.txdh-dark-mode .txdh-user-password-form h3,
html.txdh-dark-mode .txdh-user-email-form h3,
html.txdh-dark-mode .txdh-user-login-records h3,
html.txdh-dark-mode .txdh-user-login-record strong {
    color: #dce9ed;
}

html.txdh-dark-mode .txdh-user-record p,
html.txdh-dark-mode .txdh-user-record time,
html.txdh-dark-mode .txdh-user-sublist a,
html.txdh-dark-mode .txdh-user-security-current,
html.txdh-dark-mode .txdh-user-login-record span,
html.txdh-dark-mode .txdh-user-login-record time {
    color: #97aab1;
}

html.txdh-dark-mode .txdh-user-record:hover {
    background: #1c3034;
    color: #75decf;
}

html.txdh-dark-mode .txdh-user-form label > span {
    color: #a8b9bf;
}

html.txdh-dark-mode .txdh-user-switch {
    color: #a8b9bf;
}

html.txdh-dark-mode .txdh-user-avatar-editor {
    border-color: #2a3d44;
}

html.txdh-dark-mode .txdh-user-avatar-editor strong {
    color: #dce9ed;
}

html.txdh-dark-mode #txdhUserMarkdownEditor.editormd {
    border-color: #2d444b;
}

html.txdh-dark-mode .txdh-user-form input,
html.txdh-dark-mode .txdh-user-form textarea,
html.txdh-dark-mode .txdh-user-form select {
    border-color: #2d444b;
    background: #132027;
    color: #dce9ed;
}

html.txdh-dark-mode .txdh-user-form input:disabled {
    background: #1c2b31;
    color: #71848b;
}

html.txdh-dark-mode .txdh-user-download-row {
    border-color: #2d444b;
    background: #182830;
}

html.txdh-dark-mode .txdh-user-download-del {
    background: #1c2b31;
    color: #71848b;
}

html.txdh-dark-mode .txdh-user-download-del:hover {
    background: #332a2e;
    color: #e57a6d;
}

html.txdh-dark-mode .txdh-user-download-add {
    border-color: #2f7d70;
    background: #132027;
    color: #52c4b2;
}

html.txdh-dark-mode .txdh-user-download-add:hover {
    background: #1c3a35;
}

html.txdh-dark-mode .txdh-user-site-pay {
    border-color: #2a4147;
    background: #14242a;
}

html.txdh-dark-mode .txdh-user-site-pay-grid input[readonly] {
    background: #1b2c32;
    color: #9db1b4;
}

html.txdh-dark-mode .txdh-user-site-benefits {
    border-color: #2a4147;
}

html.txdh-dark-mode .txdh-user-site-benefits strong {
    color: #dce9ed;
}

html.txdh-dark-mode .txdh-user-site-benefits span,
html.txdh-dark-mode .txdh-user-site-color {
    color: #9badb2;
}

html.txdh-dark-mode .txdh-user-site-color input[type='color'] {
    border-color: #355058;
    background: #1d3035;
}

html.txdh-dark-mode .txdh-user-paid {
    border-color: #367fac;
    background: #21445b;
    color: #b7e0ff;
}

html.txdh-dark-mode .txdh-user-paid:hover {
    border-color: #2e8dca;
    background: #2e8dca;
    color: #fff;
}

html.txdh-dark-mode .txdh-user-site-actions button {
    border-color: #365356;
    background: #1b2e33;
    color: #7de0d2;
}

html.txdh-dark-mode .txdh-user-site-actions button:hover {
    border-color: #20a995;
    background: #1e3a3b;
    color: #a5f0e6;
}

html.txdh-dark-mode .txdh-user-site-actions button.is-paid {
    border-color: #2f6d96;
    color: #9bcff4;
}

html.txdh-dark-mode .txdh-user-site-actions button.is-paid:hover {
    border-color: #2e8dca;
    background: #21445b;
    color: #c8e8ff;
}

html.txdh-dark-mode .txdh-user-site-actions button.is-danger {
    border-color: #6b3a3a;
    color: #f2958f;
}

html.txdh-dark-mode .txdh-user-site-actions button.is-danger:hover {
    border-color: #8f4c4c;
    background: #3a2828;
    color: #ffb3ad;
}

html.txdh-dark-mode .txdh-user-site-actions button.is-pass {
    border-color: #20a995;
    background: #20a995;
    color: #fff;
}

html.txdh-dark-mode .txdh-user-site-actions button.is-pass:hover {
    border-color: #2fbba6;
    background: #2fbba6;
    color: #fff;
}

html.txdh-dark-mode .txdh-user-site-meta {
    color: #97aab1;
}

html.txdh-dark-mode .txdh-user-upgrade-dialog {
    background: #162129;
}

html.txdh-dark-mode .txdh-user-upgrade-dialog p,
html.txdh-dark-mode .txdh-user-upgrade-dialog label {
    color: #a8b9bf;
}

html.txdh-dark-mode .txdh-user-upgrade-dialog select,
html.txdh-dark-mode .txdh-user-upgrade-dialog input {
    border-color: #2d444b;
    background: #132027;
    color: #dce9ed;
}

html.txdh-dark-mode .txdh-user-upgrade-dialog strong {
    color: #7de0d2;
}

html.txdh-dark-mode .txdh-user-sublist {
    border-color: #2a3d44;
}

html.txdh-dark-mode .txdh-user-login-records,
html.txdh-dark-mode .txdh-user-login-record,
html.txdh-dark-mode .txdh-user-login-empty {
    border-color: #2a3d44;
}

html.txdh-dark-mode .txdh-user-security-current b {
    color: #dce9ed;
}

html.txdh-dark-mode .txdh-user-login-empty {
    color: #97aab1;
}

html.txdh-dark-mode .txdh-user-login-record > i {
    background: #1d363a;
    color: #75decf;
}

html.txdh-dark-mode .txdh-user-secondary {
    border-color: #365456;
    background: #1d3035;
    color: #75decf;
}

html.txdh-dark-mode .txdh-user-admin-tip,
html.txdh-dark-mode .txdh-user-admin-toolbar,
html.txdh-dark-mode .txdh-user-admin-item-head span,
html.txdh-dark-mode .txdh-user-admin-item-head em,
html.txdh-dark-mode .txdh-user-admin-meta,
html.txdh-dark-mode .txdh-user-admin-field > span,
html.txdh-dark-mode .txdh-user-admin-form-grid label > span,
html.txdh-dark-mode .txdh-user-admin-loading,
html.txdh-dark-mode .txdh-user-admin-error,
html.txdh-dark-mode .txdh-user-admin-empty {
    color: #97aab1;
}

html.txdh-dark-mode .txdh-user-admin-tabs {
    border-color: #2a3d44;
}

html.txdh-dark-mode .txdh-user-admin-tabs button {
    color: #9badb5;
}

html.txdh-dark-mode .txdh-user-admin-tabs button:hover,
html.txdh-dark-mode .txdh-user-admin-tabs button.is-active {
    border-bottom-color: #20a995;
    color: #75decf;
}

html.txdh-dark-mode .txdh-user-sites-tabs button {
    color: #9badb5;
}

html.txdh-dark-mode .txdh-user-sites-tabs button:hover,
html.txdh-dark-mode .txdh-user-sites-tabs button.is-active {
    border-bottom-color: #20a995;
    color: #75decf;
}

html.txdh-dark-mode .txdh-user-admin-item {
    border-color: #2c4148;
    background: #1a2a30;
}

html.txdh-dark-mode .txdh-admin-dash-card {
    border-color: #2c4148;
    background: #1a2a30;
}

html.txdh-dark-mode .txdh-admin-dash-card:hover,
html.txdh-dark-mode .txdh-admin-dash-card:focus-visible {
    border-color: #20a995;
}

html.txdh-dark-mode .txdh-admin-dash-card .num,
html.txdh-dark-mode .txdh-admin-dash-section-title {
    color: #d9e6ea;
}

html.txdh-dark-mode .txdh-admin-dash-card .label {
    color: #97aab1;
}

html.txdh-dark-mode .txdh-admin-dash-card.is-danger {
    border-color: #5a2f2f;
    background: #2b1f22;
}

html.txdh-dark-mode .txdh-admin-dash-card.is-danger .num {
    color: #e07b76;
}

html.txdh-dark-mode .txdh-user-ad-summary-main h3 {
    color: #dce9ed;
}

html.txdh-dark-mode .txdh-user-ad-summary-status,
html.txdh-dark-mode .txdh-user-ad-summary-meta {
    color: #97aab1;
}

html.txdh-dark-mode .txdh-user-ad-summary-status em.is-paid {
    background: #1d4038;
    color: #75decf;
}

html.txdh-dark-mode .txdh-user-ad-summary-status em.is-pending {
    background: #44351d;
    color: #f0bd67;
}

html.txdh-dark-mode .txdh-user-ad-summary-status em.is-expired {
    background: #26353a;
    color: #a8b9bf;
}

html.txdh-dark-mode .txdh-user-admin-ad-details {
    border-color: #2a3d44;
}
html.txdh-dark-mode .txdh-user-admin-site-edit {
    border-color: #2a3d44;
}

html.txdh-dark-mode .txdh-user-admin-item-head strong {
    color: #dce9ed;
}

html.txdh-dark-mode .txdh-user-admin-content {
    color: #b6c5c9;
}

html.txdh-dark-mode .txdh-user-admin-item-head select,
html.txdh-dark-mode .txdh-user-admin-form-grid input,
html.txdh-dark-mode .txdh-user-admin-form-grid select,
html.txdh-dark-mode .txdh-user-admin-field input,
html.txdh-dark-mode .txdh-user-admin-field select,
html.txdh-dark-mode .txdh-user-admin-field textarea {
    border-color: #2d444b;
    background: #132027;
    color: #dce9ed;
}

html.txdh-dark-mode .txdh-user-admin-form-grid input[type='datetime-local']::-webkit-calendar-picker-indicator {
    filter: invert(1);
    opacity: .75;
}

html.txdh-dark-mode .txdh-user-admin-actions .is-danger {
    border-color: #70474b;
    background: #1d3035;
    color: #ef9b9b;
}

html.txdh-dark-mode .txdh-user-admin-actions .is-danger:hover {
    border-color: #a65b62;
    background: #3a2429;
    color: #ffb7b7;
}

html.txdh-dark-mode .txdh-user-admin-toolbar .is-danger {
    border-color: #70474b;
    background: #1d3035;
    color: #ef9b9b;
}

html.txdh-dark-mode .txdh-user-admin-toolbar .is-danger:hover {
    border-color: #a65b62;
    background: #3a2429;
    color: #ffb7b7;
}

html.txdh-dark-mode .txdh-user-order-item {
    border-color: #2c4148;
    background: #1a2a30;
}

html.txdh-dark-mode .txdh-user-order-head strong,
html.txdh-dark-mode .txdh-user-order-item h3 {
    color: #dce9ed;
}

html.txdh-dark-mode .txdh-user-order-head span,
html.txdh-dark-mode .txdh-user-order-foot time,
html.txdh-dark-mode .txdh-user-order-meta,
html.txdh-dark-mode .txdh-user-order-loading,
html.txdh-dark-mode .txdh-user-order-error,
html.txdh-dark-mode .txdh-user-order-empty {
    color: #97aab1;
}

html.txdh-dark-mode .txdh-user-order-head em.is-paid {
    background: #1d4038;
    color: #75decf;
}

html.txdh-dark-mode .txdh-user-order-head em.is-pending {
    background: #44351d;
    color: #f0bd67;
}

html.txdh-dark-mode .txdh-user-order-head em.is-muted {
    background: #26353a;
    color: #a8b9bf;
}

html.txdh-dark-mode .txdh-user-order-meta span.is-payment-deadline {
    color: #f0bd67;
}

html.txdh-dark-mode .txdh-user-order-foot {
    border-color: #2a3d44;
}

html.txdh-dark-mode .txdh-user-complaint-item {
    border-color: #2a3d44;
}

html.txdh-dark-mode .txdh-user-complaint-head strong {
    color: #dce9ed;
}

html.txdh-dark-mode .txdh-user-complaint-head span,
html.txdh-dark-mode .txdh-user-complaint-item > p {
    color: #97aab1;
}

html.txdh-dark-mode .txdh-user-complaint-head em.is-new {
    background: #44351d;
    color: #f0bd67;
}

html.txdh-dark-mode .txdh-user-complaint-head em.is-processing {
    background: #203947;
    color: #8dcaf0;
}

html.txdh-dark-mode .txdh-user-complaint-head em.is-resolved {
    background: #1d4038;
    color: #75decf;
}

html.txdh-dark-mode .txdh-user-complaint-result {
    border-color: #20a995;
    background: #1c3034;
    color: #b6c5c9;
}

html.txdh-dark-mode .txdh-user-complaint-result > span {
    color: #75decf;
}

html.txdh-dark-mode .txdh-user-complaint-result > em {
    color: #97aab1;
}

@media screen and (max-width: 680px) {
    .txdh-user-center {
        width: min(100% - 24px, 1180px);
        padding: 18px 0 30px;
    }

    .txdh-user-profile {
        display: grid;
        grid-template-columns: 58px minmax(0, 1fr);
        gap: 12px;
        padding: 17px 15px;
    }

    .txdh-user-profile > img {
        width: 58px;
        height: 58px;
        flex-basis: 58px;
    }

    .txdh-user-profile-main h1 {
        font-size: 17px;
    }

    .txdh-user-profile-meta {
        gap: 6px 12px;
        margin-top: 6px;
    }

    .txdh-user-profile-meta-item--email {
        flex-basis: 100%;
    }

    .txdh-user-profile-meta-item--ip {
        flex-basis: 100%;
    }

    .txdh-user-profile-actions {
        grid-column: 1 / -1;
        width: 100%;
        margin: 2px 0 0;
    }

    .txdh-user-profile-actions a {
        flex: 1;
    }

    .txdh-user-profile-actions button {
        flex: 1;
    }

    .txdh-user-stats {
        margin: 12px 0 16px;
    }

    .txdh-user-stats span {
        min-height: 67px;
        padding: 11px 3px;
    }

    .txdh-user-stats b {
        font-size: 18px;
    }

    .txdh-user-overview {
        grid-template-columns: 1fr;
        gap: 16px;
        padding: 18px 14px;
    }

    .txdh-user-overview-intro {
        padding: 0 0 18px;
        border-right: 0;
        border-bottom: 1px solid #e8efee;
    }

    html.txdh-dark-mode .txdh-user-overview-intro {
        border-color: #2a3d44;
    }

    .txdh-user-overview-intro h3 {
        font-size: 20px;
        line-height: 28px;
    }

    .txdh-user-overview-tip {
        max-width: 42%;
    }

    .txdh-user-site-list {
        padding: 0 13px;
    }

    .txdh-user-site-item {
        grid-template-columns: minmax(0, 1fr) 48px 74px 13px;
        column-gap: 7px;
    }

    .txdh-user-site-item--managed {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .txdh-user-site-main {
        grid-template-columns: 26px minmax(0, 1fr) max-content 74px 13px;
        column-gap: 7px;
    }

    .txdh-user-site-actions {
        gap: 4px;
        padding-left: 6px;
    }

    .txdh-user-site-actions button {
        height: 25px;
        padding: 0 6px;
    }

    .txdh-user-site-item-wrap .txdh-user-site-item {
        padding-right: 110px;
    }

    .txdh-user-article-edit.is-with-delete {
        right: 70px;
    }

    .txdh-user-article-edit,
    .txdh-user-article-delete {
        padding: 3px 8px;
        font-size: 11px;
    }

    .txdh-user-pagination {
        gap: 4px;
        padding: 14px 10px;
    }

    .txdh-user-pagination a {
        min-width: 27px;
        height: 27px;
        padding: 0 6px;
    }

    .txdh-user-tabs {
        gap: 2px;
        padding: 3px;
        overflow-x: auto;
    }

    .txdh-user-tabs button {
        flex: 0 0 auto;
        height: 33px;
        padding: 0 9px;
        font-size: 12px;
    }

    .txdh-user-record-list {
        padding: 0 13px;
    }

    .txdh-user-record {
        padding-right: 0;
    }

    .txdh-user-record time {
        position: static;
        display: block;
        margin-top: 3px;
        text-align: left;
    }

    .txdh-user-record--single {
        grid-template-columns: minmax(0, 1fr) 14px;
    }

    .txdh-user-record--single time {
        display: none;
    }

    .txdh-user-form-wrap,
    .txdh-user-form-wrap--profile {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 17px 14px;
    }

    .txdh-user-form-grid {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .txdh-user-site-pay-grid {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .txdh-user-site-benefits {
        align-items: flex-start;
        flex-direction: column;
        gap: 9px;
    }

    .txdh-user-submit-actions button {
        flex: 1;
        min-width: 0;
    }

    .txdh-user-avatar-editor {
        margin-bottom: 15px;
    }

    .txdh-user-sublist {
        border-top: 1px solid #e8efee;
        border-left: 0;
        padding: 18px 0 0;
    }

    .txdh-user-login-records {
        border-top: 1px solid #e8efee;
        border-left: 0;
        padding: 18px 0 0;
    }

    .txdh-user-email-code {
        grid-template-columns: minmax(0, 1fr) 96px;
    }

    .txdh-user-admin-tabs {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
        padding: 10px 13px 0;
        gap: 2px;
        border-bottom: 1px solid #eaf0ef;
    }

    .txdh-user-admin-tabs::-webkit-scrollbar {
        display: none;
    }

    .txdh-user-admin-tabs button {
        flex: 0 0 auto;
        white-space: nowrap;
        justify-content: center;
        height: 36px;
    }

    .txdh-user-admin-panel {
        padding: 0 13px 13px;
    }

    .txdh-user-admin-toolbar {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
        padding: 12px 0;
    }

    .txdh-user-admin-toolbar-actions {
        width: 100%;
        justify-content: flex-start;
    }

    .txdh-user-admin-item {
        padding: 13px;
    }

    .txdh-user-admin-item-head {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    .txdh-user-admin-item-head select {
        width: 100%;
    }

    .txdh-user-ad-summary-status {
        align-items: flex-start;
        flex-direction: column;
        gap: 7px;
    }

    .txdh-user-admin-form-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .txdh-user-order-list {
        padding: 13px;
    }

    .txdh-user-order-item {
        padding: 13px;
    }

    .txdh-user-order-head,
    .txdh-user-order-foot {
        align-items: flex-start;
        flex-direction: column;
    }

    .txdh-user-order-head em {
        align-self: flex-start;
    }

    .txdh-user-order-foot > div {
        justify-content: flex-start;
    }

    .txdh-user-complaint-list {
        padding: 0 13px;
    }

    .txdh-user-complaint-head {
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 5px 9px;
    }

    .txdh-user-complaint-head em {
        margin-left: 0;
    }
}

@media screen and (max-width: 540px) {
    .txdh-auth-modal {
        align-items: center;
        padding: 10px;
    }

    .txdh-auth-modal__card {
        max-height: calc(100vh - 20px);
        padding: 22px 18px 18px;
    }

    .txdh-auth-modal__switch {
        bottom: -18px;
        margin: 18px -18px -18px;
        padding: 12px 18px 16px;
    }
}

@media screen and (min-width: 991px) {
    html,
    body {
        width: 100% !important;
    }

    header > div,
    .indexgg,
    .menu-top-box,
    .article,
    .container,
    .recommendMain,
    .webnavlog,
    footer > div {
        width: calc(100% - 48px) !important;
        max-width: none !important;
        box-sizing: border-box;
    }
}

.txdh-page-loader {
    position: fixed;
    inset: 0;
    z-index: 10080;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, .96);
    backdrop-filter: blur(12px);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition: opacity .46s ease, visibility .46s ease;
}

.txdh-page-loader.is-hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.txdh-page-loader-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.txdh-page-loader-ring {
    position: relative;
    width: 64px;
    height: 64px;
}

.txdh-page-loader-ring-a,
.txdh-page-loader-ring-b {
    position: absolute;
    border-radius: 50%;
}

.txdh-page-loader-ring-a {
    inset: 0;
    background: conic-gradient(from 0deg, rgba(32, 196, 171, 0) 0%, #20c4ab 18%, #8be9dc 34%, rgba(32, 196, 171, 0) 54%);
    -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 5px), #000 calc(100% - 4px));
    mask: radial-gradient(farthest-side, transparent calc(100% - 5px), #000 calc(100% - 4px));
    animation: txdh-page-loader-spin 1.1s cubic-bezier(.55, .2, .45, .85) infinite;
}

.txdh-page-loader-ring-b {
    inset: 6px;
    background: conic-gradient(from 180deg, rgba(32, 196, 171, 0) 0%, rgba(32, 196, 171, .55) 25%, rgba(32, 196, 171, 0) 50%);
    -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 2px));
    mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 2px));
    animation: txdh-page-loader-spin 1.8s linear infinite reverse;
}

.txdh-page-loader-core {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    margin: -6px 0 0 -6px;
    border-radius: 50%;
    background: radial-gradient(circle, #8be9dc 0%, #20c4ab 100%);
    box-shadow: 0 0 14px 2px rgba(32, 196, 171, .55);
    animation: txdh-page-loader-core 1.8s ease-in-out infinite;
}

.txdh-page-loader-text {
    color: #607080;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 4px;
    animation: txdh-page-loader-blink 1.6s ease-in-out infinite;
}

@keyframes txdh-page-loader-spin {
    to {
        transform: rotate(360deg);
    }
}

@keyframes txdh-page-loader-core {
    0%,
    100% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(.72);
        opacity: .6;
    }
}

@keyframes txdh-page-loader-blink {
    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: .45;
    }
}

@media (prefers-reduced-motion: reduce) {
    .txdh-page-loader,
    .txdh-page-loader.is-hidden {
        transition: none;
    }

    .txdh-page-loader-ring-a,
    .txdh-page-loader-ring-b,
    .txdh-page-loader-core,
    .txdh-page-loader-text {
        animation: none;
    }
}

.txdh-fancybox-image {
    cursor: zoom-in;
}

body.txdh-fancybox-open {
    overflow: hidden;
}

.txdh-fancybox {
    position: fixed;
    inset: 0;
    z-index: 10070;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: opacity .22s ease, visibility .22s ease;
    box-sizing: border-box;
}

.txdh-fancybox.is-open {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

.txdh-fancybox-mask {
    position: absolute;
    inset: 0;
    background: rgba(8, 18, 23, .78);
    backdrop-filter: blur(8px);
}

.txdh-fancybox-dialog {
    position: relative;
    z-index: 1;
    display: flex;
    max-width: calc(100vw - 48px);
    max-height: calc(100vh - 48px);
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.txdh-fancybox-img {
    display: block;
    max-width: calc(100vw - 48px);
    max-height: calc(100vh - 96px);
    border-radius: 8px;
    background: rgba(255, 255, 255, .08);
    box-shadow: 0 24px 70px rgba(0, 0, 0, .42);
    object-fit: contain;
}

.txdh-fancybox-close {
    position: absolute;
    top: -16px;
    right: -16px;
    z-index: 2;
    width: 36px;
    height: 36px;
    border: 1px solid rgba(255, 255, 255, .58);
    border-radius: 50%;
    background: rgba(13, 24, 30, .86);
    color: #fff;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
    transition: background-color .18s ease, transform .18s ease;
}

.txdh-fancybox-close:hover,
.txdh-fancybox-close:focus {
    background: #20a995;
    transform: scale(1.04);
}

.txdh-fancybox-caption {
    max-width: min(760px, calc(100vw - 48px));
    padding: 8px 12px;
    border-radius: 6px;
    background: rgba(13, 24, 30, .72);
    color: #fff;
    font-size: 13px;
    line-height: 1.6;
    text-align: center;
}

@media (max-width: 767px) {
    .txdh-fancybox {
        padding: 14px;
    }

    .txdh-fancybox-dialog,
    .txdh-fancybox-img {
        max-width: calc(100vw - 28px);
    }

    .txdh-fancybox-img {
        max-height: calc(100vh - 82px);
    }

    .txdh-fancybox-close {
        top: 8px;
        right: 8px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .txdh-fancybox,
    .txdh-fancybox-close {
        transition: none;
    }
}

.txdh-click-pulse {
    position: fixed;
    z-index: 10020;
    width: 16px;
    height: 16px;
    border: 2px solid #20a995;
    border-radius: 50%;
    pointer-events: none;
    transform: translate(-50%, -50%) scale(.25);
    animation: txdh-click-pulse .64s ease-out forwards;
}

.txdh-click-pulse.is-right {
    border-color: #e78a4c;
}

@keyframes txdh-click-pulse {
    0% {
        opacity: .9;
        transform: translate(-50%, -50%) scale(.25);
    }
    100% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(4.5);
    }
}

.txdh-particle-canvas,
.txdh-falling-canvas {
    position: fixed;
    inset: 0;
    z-index: 9996;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.txdh-particle-canvas {
    z-index: 10010;
}

.txdh-notice-modal {
    position: fixed;
    inset: 0;
    z-index: 10040;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
    box-sizing: border-box;
}

.txdh-notice-modal.is-open {
    display: flex;
}

.txdh-notice-mask {
    position: absolute;
    inset: 0;
    background: rgba(10, 30, 32, .32);
    backdrop-filter: blur(5px);
}

.txdh-notice-dialog {
    position: relative;
    z-index: 1;
    width: min(440px, 100%);
    padding: 28px 30px 25px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .72);
    border-radius: 8px;
    background: rgba(245, 255, 252, .78);
    box-shadow: 0 24px 60px rgba(10, 51, 48, .26);
    backdrop-filter: blur(18px);
    box-sizing: border-box;
}

.txdh-notice-dialog:before {
    position: absolute;
    top: -32px;
    right: -26px;
    width: 108px;
    height: 108px;
    border: 18px solid rgba(32, 169, 149, .14);
    border-radius: 50%;
    content: "";
}

.txdh-notice-kicker {
    position: relative;
    display: block;
    color: #169984;
    font-size: 11px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0;
}

.txdh-notice-dialog h2 {
    position: relative;
    margin: 6px 34px 12px 0;
    color: #1f3f3b;
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
}

.txdh-notice-content {
    position: relative;
    min-height: 48px;
    color: #55716b;
    font-size: 14px;
    line-height: 24px;
}

.txdh-notice-close {
    position: absolute;
    top: 13px;
    right: 14px;
    z-index: 2;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(31, 124, 110, .1);
    color: #39716a;
    font-size: 23px;
    line-height: 26px;
    cursor: pointer;
}

.txdh-notice-close:hover {
    background: #20a995;
    color: #fff;
}

.txdh-notice-confirm {
    position: relative;
    display: block;
    min-width: 118px;
    height: 36px;
    margin: 20px 0 0 auto;
    padding: 0 18px;
    border: 0;
    border-radius: 4px;
    background: #20a995;
    color: #fff;
    font-size: 13px;
    cursor: pointer;
    transition: background-color .18s ease, transform .18s ease;
}

.txdh-notice-confirm:hover {
    background: #168d7b;
    transform: translateY(-1px);
}

.txdh-context-menu {
    position: fixed;
    z-index: 10030;
    display: none;
    min-width: 190px;
    padding: 10px 10px 8px;
    border: 0;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 12px 32px rgba(15, 23, 42, .18);
    box-sizing: border-box;
    overflow: hidden;
}

.txdh-context-menu.is-open {
    display: block;
}

.txdh-context-toolbar {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    padding: 2px 2px 14px;
}

.txdh-context-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 38px;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #555b62;
    font-size: 22px;
    font-family: inherit;
    cursor: pointer;
    transition: background-color .18s ease, color .18s ease;
}

.txdh-context-icon:hover {
    background: #f5f6f8;
    color: #111827;
}

.txdh-context-icon-glyph {
    line-height: 1;
}

.txdh-context-divider {
    height: 1px;
    margin: 0 -4px 10px;
    border-top: 1px dashed #e5e7eb;
}

.txdh-context-list {
    display: grid;
    gap: 0;
}

.txdh-context-item {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 44px;
    padding: 0 10px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #5d6268;
    font-size: 20px;
    font-family: inherit;
    line-height: 1.2;
    text-align: left;
    cursor: pointer;
    transition: background-color .18s ease, color .18s ease;
    box-sizing: border-box;
}

.txdh-context-item:hover {
    background: #f5f6f8;
    color: #111827;
}

.txdh-context-item.is-active,
.txdh-context-item.is-active .txdh-context-item-icon {
    color: #20a995;
}

.txdh-context-item-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    flex: 0 0 24px;
    color: #5d646b;
    font-size: 22px;
    line-height: 1;
}

.txdh-context-item-icon--circle {
    width: 21px;
    height: 21px;
    border-radius: 50%;
    border: 2px solid currentColor;
    box-sizing: border-box;
    font-size: 12px;
}

.txdh-context-item span:last-child {
    flex: 1 1 auto;
}

.txdh-context-hint {
    padding: 8px 6px 2px;
    color: #9ca3af;
    font-size: 13px;
    line-height: 1.2;
    text-align: center;
}

.txdh-article-expandable {
    position: relative;
    max-height: var(--txdh-article-preview-height, 680px);
    overflow: hidden;
}

.txdh-article-expandable:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 132px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 82%);
    content: "";
    pointer-events: none;
}

.txdh-article-expandable.is-expanded {
    max-height: none;
}

.txdh-article-expandable.is-expanded:after {
    display: none;
}

.txdh-article-expand-toggle {
    display: block;
    width: min(220px, calc(100% - 32px));
    height: 40px;
    margin: 8px auto 0;
    border: 1px solid #bce7de;
    border-radius: 4px;
    background: #f4fcfa;
    color: #148d7a;
    font-size: 14px;
    cursor: pointer;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}

.txdh-article-expand-toggle[hidden] {
    display: none !important;
}

.txdh-article-expand-toggle:hover {
    border-color: #20a995;
    background: #20a995;
    color: #fff;
}

html.txdh-dark-mode .txdh-page-loader {
    background: rgba(15, 23, 30, .96);
}

html.txdh-dark-mode .txdh-page-loader-ring-a {
    background: conic-gradient(from 0deg, rgba(102, 220, 203, 0) 0%, #66dccb 18%, #d7f8f2 34%, rgba(102, 220, 203, 0) 54%);
}

html.txdh-dark-mode .txdh-page-loader-ring-b {
    background: conic-gradient(from 180deg, rgba(102, 220, 203, 0) 0%, rgba(102, 220, 203, .5) 25%, rgba(102, 220, 203, 0) 50%);
}

html.txdh-dark-mode .txdh-page-loader-core {
    background: radial-gradient(circle, #d7f8f2 0%, #66dccb 100%);
    box-shadow: 0 0 14px 2px rgba(102, 220, 203, .5);
}

html.txdh-dark-mode .txdh-page-loader-text {
    color: #b9c8d2;
}

html.txdh-dark-mode .txdh-notice-mask {
    background: rgba(3, 10, 15, .56);
}

html.txdh-dark-mode .txdh-notice-dialog {
    border-color: rgba(112, 153, 160, .35);
    background: rgba(20, 31, 39, .8);
    box-shadow: 0 24px 60px rgba(0, 0, 0, .42);
}

html.txdh-dark-mode .txdh-notice-dialog:before {
    border-color: rgba(102, 220, 203, .1);
}

html.txdh-dark-mode .txdh-notice-kicker {
    color: #66dccb;
}

html.txdh-dark-mode .txdh-notice-dialog h2 {
    color: #edf6fb;
}

html.txdh-dark-mode .txdh-notice-content {
    color: #b5c5cf;
}

html.txdh-dark-mode .txdh-notice-close {
    background: rgba(126, 170, 174, .16);
    color: #c3d4dc;
}

html.txdh-dark-mode .txdh-notice-close:hover,
html.txdh-dark-mode .txdh-notice-confirm {
    background: #268f82;
}

html.txdh-dark-mode .txdh-context-menu {
    background: #151b22;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .42);
}

html.txdh-dark-mode .txdh-context-icon {
    color: #d8e2ea;
}

html.txdh-dark-mode .txdh-context-icon:hover {
    background: rgba(255, 255, 255, .07);
    color: #fff;
}

html.txdh-dark-mode .txdh-context-divider {
    border-top-color: rgba(255, 255, 255, .12);
}

html.txdh-dark-mode .txdh-context-item {
    color: #dbe3ea;
}

html.txdh-dark-mode .txdh-context-item:hover {
    background: rgba(255, 255, 255, .07);
    color: #fff;
}

html.txdh-dark-mode .txdh-context-item.is-active,
html.txdh-dark-mode .txdh-context-item.is-active .txdh-context-item-icon {
    color: #68e1d0;
}

html.txdh-dark-mode .txdh-context-item-icon {
    color: #b8c4ce;
}

html.txdh-dark-mode .txdh-context-item-icon--circle {
    background: transparent;
}

html.txdh-dark-mode .txdh-context-hint {
    color: #8e9ca7;
}

html.txdh-dark-mode .txdh-article-expandable:after {
    background: linear-gradient(to bottom, rgba(23, 31, 39, 0), #171f27 82%);
}

html.txdh-dark-mode .txdh-article-expand-toggle {
    border-color: #365761;
    background: #1c2b34;
    color: #78e1d1;
}

html.txdh-dark-mode .txdh-article-expand-toggle:hover {
    border-color: #278f82;
    background: #278f82;
    color: #fff;
}

@media screen and (max-width: 768px) {
    .txdh-notice-modal {
        align-items: flex-end;
        padding: 10px;
    }

    .txdh-notice-dialog {
        padding: 24px 20px 20px;
    }

    .txdh-notice-dialog h2 {
        font-size: 19px;
        line-height: 28px;
    }
}

/* 导航列表采用三列分隔布局，兼容旧版浏览器。 */
html.txdh-dark-mode body.listing-page .article-webnav-list-page .lists ul li,
html.txdh-dark-mode body.listing-page .article-webnav-list-page .lists ul li:nth-child(1),
html.txdh-dark-mode body.listing-page .article-webnav-list-page .lists ul li:nth-child(2),
html.txdh-dark-mode body.listing-page .article-webnav-list-page .lists ul li:nth-child(3),
html.txdh-dark-mode body.listing-page .article-webnav-list-page .lists ul li:nth-child(3n),
html.txdh-dark-mode body.listing-page .article-webnav-list-page .lists ul li:hover {
    background: transparent !important;
    border: 0 !important;
    border-right: 1px solid #283541 !important;
    border-bottom: 1px solid #283541 !important;
    box-shadow: none !important;
    transform: none !important;
}

html.txdh-dark-mode body.listing-page .article-webnav-list-page .lists ul li:nth-child(3n) {
    border-right: 0 !important;
}

@media (min-width: 901px) {
    html.txdh-dark-mode body.detail-page .webnavlog > .webnav-related-standalone > ul > li,
    html.txdh-dark-mode body.detail-page .webnavlog > .webnav-related-standalone > ul > li:nth-child(1),
    html.txdh-dark-mode body.detail-page .webnavlog > .webnav-related-standalone > ul > li:nth-child(4n),
    html.txdh-dark-mode body.detail-page .webnavlog > .webnav-related-standalone > ul > li:hover {
        background: transparent !important;
        border: 0 !important;
        border-right: 1px solid #2e3b48 !important;
        border-bottom: 1px solid #2e3b48 !important;
        box-shadow: none !important;
        transform: none !important;
    }

    html.txdh-dark-mode body.detail-page .webnavlog > .webnav-related-standalone > ul > li:nth-child(4n) {
        border-right: 0 !important;
    }
}

/* Keep the related-sites heading aligned with the other detail headings. */
.webnavlog > .webnav-related-standalone > .title {
    height: auto !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    box-sizing: border-box;
}

.webnavlog > .webnav-related-standalone > .title h3 {
    margin: 0 !important;
    padding-left: 14px !important;
    line-height: 32px !important;
    font-size: 17px !important;
}

@media (max-width: 900px) {
    .webnavlog > .webnav-related-standalone > .title {
        height: auto !important;
        padding: 0 !important;
        margin-bottom: 14px !important;
    }
}

/* Keep homepage tool links visually integrated with the outer tools panel. */
.indexSearch + .article .tools > a,
.indexSearch + .article .tools > a:hover {
    background: transparent !important;
    border: 0 !important;
    border-color: transparent !important;
    box-shadow: none !important;
    color: inherit !important;
    outline: 0 !important;
}

/* Rotate ranking icons without changing their fixed size or layout. */
body.rank-page #hotpageContent .lists li .weblogo img {
    transition: transform .45s ease;
    transform: rotate(0deg);
}

body.rank-page #hotpageContent .lists li:hover .weblogo img {
    transform: rotate(360deg);
}

body.rank-page #hotpageContent .lists li.rank-article-item .rank-article-logo {
    display: block !important;
    flex: 0 0 144px !important;
    width: 144px !important;
    height: 84px !important;
    line-height: 0 !important;
    margin: 0 24px 0 0 !important;
    overflow: hidden !important;
    border: 1px solid #eef1f5 !important;
    border-radius: 0 !important;
    background: #f8fafc !important;
    box-sizing: border-box !important;
}

body.rank-page #hotpageContent .lists li.rank-article-item .rank-article-logo img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    object-fit: cover !important;
    object-position: center !important;
    transform: none !important;
}

body.rank-page #hotpageContent .lists li.rank-article-item:hover .rank-article-logo img {
    transform: none !important;
}

html.txdh-dark-mode body.rank-page #hotpageContent .lists li.rank-article-item .rank-article-logo {
    border-color: #2e3b48 !important;
    background: #202a33 !important;
}

@media (max-width: 900px) {
    body.mobile-page.rank-page #hotpageContent .lists li.rank-article-item .rank-article-logo {
        flex: 0 0 82px !important;
        width: 82px !important;
        height: 56px !important;
        margin: 0 10px 0 0 !important;
    }
}

@media (max-width: 380px) {
    body.mobile-page.rank-page #hotpageContent .lists li.rank-article-item .rank-article-logo {
        flex-basis: 72px !important;
        width: 72px !important;
        height: 52px !important;
        margin-right: 8px !important;
    }
}

/* Match tool-page icons to the fixed ranking-icon treatment. */
body.tools-page .toollist li a .img {
    display: block !important;
    width: 56px !important;
    height: 56px !important;
    max-width: 56px !important;
    max-height: 56px !important;
    padding: 6px !important;
    border: 1px solid #eef1f5;
    border-radius: 8px;
    background: #f8fafc;
    box-sizing: border-box;
    object-fit: contain;
    transition: transform .45s ease;
}

body.tools-page .toollist li:hover a .img {
    transform: rotate(360deg);
}

html.txdh-dark-mode body.tools-page .toollist li a .img {
    border-color: #2e3b48 !important;
    background: #202a33 !important;
}

@media screen and (max-width: 720px) {
    body.tools-page .toollist li a .img {
        width: 42px !important;
        height: 42px !important;
        max-width: 42px !important;
        max-height: 42px !important;
        padding: 4px !important;
        border-radius: 7px;
    }
}

/* Complete the dark-mode treatment for the header account popover. */
html.txdh-dark-mode .header-auth-popover {
    background: #171f27 !important;
    border: 1px solid #2e3b48 !important;
    box-shadow: 0 16px 34px rgba(0, 0, 0, .36) !important;
}

html.txdh-dark-mode .header-auth-caret {
    background: #171f27 !important;
    border-top: 1px solid #2e3b48;
    border-left: 1px solid #2e3b48;
}

html.txdh-dark-mode .header-auth-summary span {
    color: #a6b3c1 !important;
}

html.txdh-dark-mode .header-auth-actions {
    background: #111a22 !important;
    border: 1px solid #283541;
}

html.txdh-dark-mode .header-auth-actions button,
html.txdh-dark-mode .header-auth-actions a {
    background: #202a33 !important;
    border: 1px solid #2e3b48;
    color: #66dccb !important;
}

html.txdh-dark-mode .header-auth-actions button:hover,
html.txdh-dark-mode .header-auth-actions a:hover {
    background: #20a995 !important;
    border-color: #20a995;
    color: #fff !important;
}

/* Keep footer navigation links visually integrated with the footer. */
.footer > div ul li a {
    background: transparent !important;
    border: 0 !important;
    border-color: transparent !important;
    box-shadow: none !important;
    color: #5f6b7a !important;
    transform: none !important;
}

.footer > div ul li a:hover {
    background: transparent !important;
    border: 0 !important;
    border-color: transparent !important;
    box-shadow: none !important;
    color: #20a995 !important;
    transform: none !important;
}

html.txdh-dark-mode .footer > div ul li a {
    background: transparent !important;
    border: 0 !important;
    border-color: transparent !important;
    box-shadow: none !important;
    color: #c7d3de !important;
    transform: none !important;
}

html.txdh-dark-mode .footer > div ul li a:hover {
    background: transparent !important;
    border: 0 !important;
    border-color: transparent !important;
    box-shadow: none !important;
    color: #66dccb !important;
    transform: none !important;
}

/* Use one green hover color for text links across the site. */
body a:hover {
    color: #20a995 !important;
}

html.txdh-dark-mode a:hover {
    color: #66dccb !important;
}

/* Keep white text on links that use a solid green action background. */
body .page-sidebar .side-item:hover,
body .search-engine-tabs button:hover,
body .index-rank-tabs a.active:hover,
body .fenlei ul li a:hover,
body .fenlei ul li .hover,
body #pagenavi a:hover,
body .rank-page .type li a:hover,
body .rank-page .hotmenu ul li a:hover,
body .rank-page #hotpageContent .lists li .go:hover,
body .header-auth-actions button:hover,
body .header-auth-actions a:hover {
    color: #fff !important;
}

/* Override legacy orange hover rules on homepage navigation cards. */
body .indexWebList li:hover > a {
    color: #20a995 !important;
}

body .indexWebList li .info a:hover {
    color: #20a995 !important;
}

body .indexWebList li > a .xl:after {
    border-top-color: #20a995 !important;
}

html.txdh-dark-mode .indexWebList li:hover > a,
html.txdh-dark-mode .indexWebList li .info a:hover {
    color: #66dccb !important;
}

html.txdh-dark-mode .indexWebList li > a .xl:after {
    border-top-color: #66dccb !important;
}

/* Let category-list titles follow the site hover color instead of inline site colors. */
body .list ul li a:hover .dh-nav-title {
    color: #20a995 !important;
}

html.txdh-dark-mode .list ul li a:hover .dh-nav-title {
    color: #66dccb !important;
}

/* Restore homepage tool-link hover text without bringing back item cards. */
body .indexSearch + .article .tools > a:hover {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #20a995 !important;
}

html.txdh-dark-mode .indexSearch + .article .tools > a:hover {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #66dccb !important;
}

/* Give category dropdown items the same layered hover treatment as the top nav. */
header > div nav .list_li li a {
    position: relative;
    border: 0 !important;
    background: transparent !important;
    transition: color .2s ease, background-color .2s ease;
}

header > div nav .list_li li a:after {
    content: "";
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 4px;
    height: 2px;
    background: #20a995;
    transform: scaleX(0);
    transform-origin: center;
    transition: transform .2s ease;
}

header > div nav .list_li li a:hover,
header > div nav .list_li li a:focus-visible,
header > div nav .list_li li a.active {
    background: rgba(32, 196, 171, .08) !important;
    color: #20a995 !important;
    outline: 0;
}

header > div nav .list_li li a:hover:after,
header > div nav .list_li li a:focus-visible:after,
header > div nav .list_li li a.active:after {
    transform: scaleX(1);
}

html.txdh-dark-mode header > div nav .list_li li a:hover,
html.txdh-dark-mode header > div nav .list_li li a:focus-visible,
html.txdh-dark-mode header > div nav .list_li li a.active {
    background: rgba(102, 220, 203, .12) !important;
    color: #66dccb !important;
}

html.txdh-dark-mode header > div nav .list_li li a:after {
    background: #66dccb;
}

/* Keep navigation-list and tool-list icons on the same fixed-size treatment. */
body.listing-page .article-webnav-list-page .lists ul li a .img {
    display: block !important;
    width: 56px !important;
    height: 56px !important;
    margin: 0 auto 10px !important;
    padding: 6px !important;
    border: 1px solid #eef1f5;
    border-radius: 8px;
    background: #f8fafc;
    box-sizing: border-box;
}

body.listing-page .article-webnav-list-page .lists ul li a .img img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain;
}

body.listing-page .article-webnav-list-page .lists ul li a:hover > .title,
body.listing-page .article-webnav-list-page .lists ul li a:hover .site-introduce,
body.tools-page .toollist li a:hover .info h3,
body.tools-page .toollist li a:hover .info .in {
    color: #20a995 !important;
}

html.txdh-dark-mode body.listing-page .article-webnav-list-page .lists ul li a .img {
    border-color: #2e3b48 !important;
    background: #202a33 !important;
}

html.txdh-dark-mode body.listing-page .article-webnav-list-page .lists ul li a:hover > .title,
html.txdh-dark-mode body.listing-page .article-webnav-list-page .lists ul li a:hover .site-introduce,
html.txdh-dark-mode body.tools-page .toollist li a:hover .info h3,
html.txdh-dark-mode body.tools-page .toollist li a:hover .info .in {
    color: #66dccb !important;
}

@media screen and (max-width: 720px) {
    body.listing-page .article-webnav-list-page .lists ul li a .img {
        flex: 0 0 42px !important;
        width: 42px !important;
        height: 42px !important;
        margin: 0 !important;
        padding: 4px !important;
        border-radius: 7px;
    }

    body.listing-page .article-webnav-list-page .lists ul li a .img img {
        width: 100% !important;
        height: 100% !important;
    }
}

/* Keep the inner-page mobile menu button aligned with the homepage dark theme. */
@media screen and (max-width: 990px) {
    html.txdh-dark-mode body.mobile-page.inner-page .headerwrap.other-header .listBtn,
    html.txdh-dark-mode body.mobile-page.inner-page .headerwrap.other-header .open-panel,
    html.txdh-dark-mode body.inner-page .headerwrap.other-header .listBtn,
    html.txdh-dark-mode body.inner-page .headerwrap.other-header .open-panel {
        border-color: rgba(114, 217, 202, .13) !important;
        background: rgba(35, 52, 58, .68) !important;
        color: #72d9ca !important;
        box-shadow: none !important;
    }

html.txdh-dark-mode body.mobile-page.inner-page .headerwrap.other-header .listBtn:hover,
html.txdh-dark-mode body.mobile-page.inner-page .headerwrap.other-header .open-panel:hover,
html.txdh-dark-mode body.inner-page .headerwrap.other-header .listBtn:hover,
    html.txdh-dark-mode body.inner-page .headerwrap.other-header .open-panel:hover {
        background: #29414a !important;
        color: #72d9ca !important;
    }
}

/* Remove the individual frames from article-sidebar post links. */
body.detail-page .main_right #newlog li a,
body.detail-page .main_right #hotlog li a {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.detail-page .main_right #newlog li a:hover,
body.detail-page .main_right #hotlog li a:hover {
    background: transparent !important;
    border: 0 !important;
}

html.txdh-dark-mode body.detail-page .main_right #newlog li a,
html.txdh-dark-mode body.detail-page .main_right #hotlog li a,
html.txdh-dark-mode body.mobile-page.detail-page .main_right #newlog li a,
html.txdh-dark-mode body.mobile-page.detail-page .main_right #hotlog li a {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

html.txdh-dark-mode body.detail-page .main_right #newlog li a:hover,
html.txdh-dark-mode body.detail-page .main_right #hotlog li a:hover,
html.txdh-dark-mode body.mobile-page.detail-page .main_right #newlog li a:hover,
html.txdh-dark-mode body.mobile-page.detail-page .main_right #hotlog li a:hover {
    background: transparent !important;
    border: 0 !important;
}

/* Align the comment emoji picker into a compact, consistent grid. */
.comment-post .smilebg {
    box-sizing: border-box !important;
    width: 360px !important;
    max-width: calc(100vw - 24px) !important;
    max-height: 244px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 12px !important;
    border: 1px solid #dfe8ee !important;
    border-radius: 6px;
    background: #fff !important;
    box-shadow: 0 10px 26px rgba(21, 39, 58, .14);
}

.comment-post .smilebg .smile {
    display: grid;
    grid-template-columns: repeat(11, 27px);
    grid-auto-rows: 27px;
    grid-auto-flow: row;
    justify-content: center;
    gap: 3px;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    overflow: visible;
    box-sizing: border-box;
}

.comment-post .smilebg .smile .arrow {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
}

.comment-post .smilebg .smile:after {
    display: none;
}

.comment-post .smilebg .smile a {
    display: flex !important;
    align-items: center;
    justify-content: center;
    float: none !important;
    width: 27px !important;
    height: 27px !important;
    margin: 0 !important;
    border-radius: 5px;
    line-height: 1;
    transition: background-color .16s ease, transform .16s ease;
}

.comment-post .smilebg .smile a:hover {
    background: #eefbf8 !important;
    transform: scale(1.08);
}

.comment-post .smilebg .smile img {
    display: block;
    width: 24px !important;
    height: 24px !important;
    margin: 0;
}

.comment-post .txdh-comment-quick {
    position: relative;
    float: left;
    margin: 0 10px 0 0;
}

.comment-post .txdh-comment-quick-panel {
    display: none;
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    z-index: 20;
    width: 240px;
    max-height: 240px;
    overflow-y: auto;
    border: 1px solid #e4e8ec;
    background: #fff;
    box-shadow: 0 8px 20px rgba(28, 45, 61, .12);
}

.comment-post .txdh-comment-quick.is-open .txdh-comment-quick-panel {
    display: block;
}

.comment-post .txdh-comment-quick-item {
    display: block;
    width: 100%;
    min-height: 40px;
    padding: 8px 10px;
    border: 0;
    border-bottom: 1px solid #edf0f2;
    background: #fff;
    color: #657386;
    font-size: 15px;
    line-height: 22px;
    text-align: left;
    cursor: pointer;
    transition: background-color .16s ease, color .16s ease;
}

.comment-post .txdh-comment-quick-item:last-child {
    border-bottom: 0;
}

.comment-post .txdh-comment-quick-item:hover,
.comment-post .txdh-comment-quick-item:focus {
    background: #f6f8fa;
    color: #168f7c;
    outline: none;
}

.comment-post .txdh-comment-quick-toggle {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 32px;
    margin-top: 0;
    padding: 4px 10px;
    border: 1px solid #e4e8ec;
    background: #f7f8f9;
    color: #8a96a3;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
}

.comment-post .txdh-comment-quick-toggle:hover,
.comment-post .txdh-comment-quick-toggle:focus {
    border-color: #d4dce2;
    background: #eefbf8;
    color: #168f7c;
    outline: none;
}

/* 移动端：快捷回复面板改为向上展开，避免被评论区 overflow:hidden 裁切遮盖 */
@media screen and (max-width: 990px) {
    .comment-post .txdh-comment-quick-panel {
        top: auto;
        bottom: 42px;
        width: min(240px, calc(100vw - 48px));
        max-height: 220px;
        z-index: 30;
    }
}

html.txdh-dark-mode .comment-post .smilebg {
    border-color: #334353 !important;
    background: #1b2731 !important;
    box-shadow: 0 14px 30px rgba(0, 0, 0, .28);
}

html.txdh-dark-mode .comment-post .txdh-comment-quick-panel,
html.txdh-dark-mode .comment-post .txdh-comment-quick-item {
    border-color: #334353;
    background: #202a33;
    color: #c7d3df;
}

html.txdh-dark-mode .comment-post .txdh-comment-quick-item:hover,
html.txdh-dark-mode .comment-post .txdh-comment-quick-item:focus {
    background: #233640;
    color: #8de0d0;
}

html.txdh-dark-mode .comment-post .txdh-comment-quick-toggle {
    border-color: #334353;
    background: #202a33;
    color: #8fa0b1;
}

html.txdh-dark-mode .comment-post .txdh-comment-quick-toggle:hover,
html.txdh-dark-mode .comment-post .txdh-comment-quick-toggle:focus {
    border-color: #20c4ab;
    background: #233640;
    color: #8de0d0;
}

html.txdh-dark-mode .comment-post .smilebg .smile a:hover {
    background: #233640 !important;
}

@media screen and (max-width: 600px) {
    .comment-post .smilebg {
        width: calc(100vw - 24px) !important;
        max-width: calc(100vw - 24px) !important;
        padding: 10px !important;
    }

    .comment-post .smilebg .smile {
        grid-template-columns: repeat(8, 27px);
        justify-content: center;
        width: 100% !important;
    }
}

/* Keep related-site icons fixed and rotate them on hover. */
.webnavlog > .webnav-related-standalone > ul > li a > .img {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 80px !important;
    height: 80px !important;
    margin: 0 auto !important;
    float: none !important;
    overflow: visible !important;
}

.webnavlog > .webnav-related-standalone > ul > li a > .img img {
    display: block !important;
    width: 56px !important;
    height: 56px !important;
    max-width: 56px !important;
    max-height: 56px !important;
    object-fit: contain;
    transition: transform .45s ease;
}

.webnavlog > .webnav-related-standalone > ul > li:hover a > .img img {
    transform: rotate(360deg);
}

.webnavlog > .webnav-related-standalone > ul > li a:hover > .title,
.webnavlog > .webnav-related-standalone > ul > li a:hover .introduce {
    color: #20a995 !important;
    transition: color .2s ease;
}

html.txdh-dark-mode .webnavlog > .webnav-related-standalone > ul > li a:hover > .title,
html.txdh-dark-mode .webnavlog > .webnav-related-standalone > ul > li a:hover .introduce {
    color: #66dccb !important;
}

/* Improve latest comments in the article sidebar. */
body.detail-page .main_right #newcomment .commimg img {
    display: block;
    width: 38px !important;
    height: 38px !important;
    border-radius: 50% !important;
    object-fit: cover;
    transition: transform .6s ease, box-shadow .25s ease;
}

body.detail-page .main_right #newcomment .commimg:hover img {
    transform: rotate(360deg);
    box-shadow: 0 0 0 2px rgba(32, 196, 171, .18);
}

body.detail-page .main_right #newcomment p a {
    display: block;
    max-width: 100%;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    word-break: break-word;
    overflow-wrap: anywhere;
}

html.txdh-dark-mode body.detail-page .main_right #newcomment .commimg:hover img {
    box-shadow: 0 0 0 2px rgba(102, 220, 203, .24);
}

@media screen and (max-width: 900px) {
    .webnavlog > .webnav-related-standalone > ul > li a > .img {
        flex: 0 0 56px !important;
        width: 56px !important;
        height: 56px !important;
        margin: 0 !important;
    }

    .webnavlog > .webnav-related-standalone > ul > li a > .img img {
        width: 42px !important;
        height: 42px !important;
        max-width: 42px !important;
        max-height: 42px !important;
    }
}

/* Comment avatar and visitor metadata. */
.comment .avatar img,
.comment-children .avatar img {
    display: block;
    border-radius: 50% !important;
    object-fit: cover;
    transition: transform .6s ease, box-shadow .25s ease;
}

.comment .avatar:hover img,
.comment-children .avatar:hover img {
    transform: rotate(360deg);
    box-shadow: 0 0 0 2px rgba(32, 196, 171, .18);
}

.comment-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 12px;
    margin-top: 2px;
    color: #a0a9b6;
    font-size: 12px;
    line-height: 18px;
}

.comment-meta > span {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}

.comment-meta i {
    margin-right: 3px;
    color: #20a995;
    font-size: 13px;
}

html.txdh-dark-mode .comment-meta {
    color: #8fa0b1 !important;
}

html.txdh-dark-mode .comment-meta i {
    color: #66dccb !important;
}

html.txdh-global-gray {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

@media screen and (max-width: 990px) {
    body.mobile-page.author-page #logRightList #updatelist li {
        grid-template-columns: minmax(0, 1fr) auto !important;
        grid-template-areas:
            "title title"
            "date views" !important;
        border-radius: 0 !important;
    }

    body.mobile-page.author-page .author-card {
        border-radius: 0 !important;
    }

    body.mobile-page.author-page #logRightList #updatelist li > div:nth-child(2) {
        grid-area: title;
    }

    body.mobile-page.author-page #logRightList #updatelist li > div:nth-child(3) {
        grid-area: date;
    }

    body.mobile-page.author-page #logRightList #updatelist li > div:nth-child(4) {
        display: block !important;
        grid-area: views;
        justify-self: end;
        width: auto !important;
        height: auto !important;
        padding: 0 !important;
        overflow: visible !important;
        color: #8a98a8;
        font-size: 12px;
        line-height: 1.4;
        text-align: right;
        white-space: nowrap;
    }

    body.mobile-page.author-page #logRightList #updatelist li > div:nth-child(5) {
        display: none !important;
    }
}

html.txdh-dark-mode body.mobile-page.author-page #logRightList #updatelist li > div:nth-child(4) {
    color: #91a1b0 !important;
}

.indexSearch + .article .bottomas {
    padding: 20px 24px 29px;
}

.indexSearch + .article .bottomas .content#hotCont {
    height: auto;
    margin-top: 18px;
    overflow: visible;
}

.txdh-hot-metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.txdh-hot-card {
    position: relative;
    min-height: 100px;
    padding: 14px 10px 12px 13px;
    border: 1px solid #e6edf1;
    border-radius: 10px;
    background: linear-gradient(180deg, #fbfdfd 0%, #f2f9f8 100%);
    box-sizing: border-box;
    overflow: hidden;
}

.txdh-hot-card:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 3px;
    height: 100%;
    background: #20c4ab;
}

.txdh-hot-card:after {
    content: "";
    position: absolute;
    right: -16px;
    top: -16px;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: rgba(32, 196, 171, .08);
    pointer-events: none;
}

.txdh-hot-card i {
    position: absolute;
    right: 9px;
    top: 11px;
    font-size: 15px;
    font-style: normal;
    color: rgba(32, 196, 171, .45);
    z-index: 1;
}

.txdh-hot-card span,
.txdh-hot-card small {
    display: block;
    overflow: hidden;
    color: #8a97a3;
    font-size: 12px;
    line-height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.txdh-hot-num {
    display: flex;
    align-items: baseline;
    min-width: 0;
    margin-top: 6px;
}

.txdh-hot-num strong {
    flex: 0 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #17b39c;
    font-size: 22px;
    font-weight: 800;
    line-height: 28px;
    letter-spacing: .5px;
    font-variant-numeric: tabular-nums;
}

.txdh-hot-num em {
    flex: 0 0 auto;
    margin-left: 3px;
    color: #9aa6b1;
    font-size: 12px;
    font-style: normal;
}

.txdh-hot-card small {
    margin-top: 5px;
}

/* 三张卡片差异化配色 */
.txdh-hot-card:nth-child(1):before {
    background: #20c4ab;
}

.txdh-hot-card:nth-child(2):before {
    background: #5b7cfa;
}

.txdh-hot-card:nth-child(3):before {
    background: #ff9f43;
}

.txdh-hot-card:nth-child(2) i {
    color: rgba(91, 124, 250, .5);
}

.txdh-hot-card:nth-child(2):after {
    background: rgba(91, 124, 250, .08);
}

.txdh-hot-card:nth-child(2) .txdh-hot-num strong {
    color: #5b7cfa;
}

.txdh-hot-card:nth-child(3) i {
    color: rgba(255, 159, 67, .55);
}

.txdh-hot-card:nth-child(3):after {
    background: rgba(255, 159, 67, .1);
}

.txdh-hot-card:nth-child(3) .txdh-hot-num strong {
    color: #ff9f43;
}

/* 收录 / 待审核徽章 */
.txdh-hot-summary {
    display: flex;
    gap: 10px;
    margin-top: 12px;
}

.txdh-hot-summary > span {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 34px;
    border-radius: 8px;
    font-size: 12px;
    box-sizing: border-box;
}

.txdh-hot-summary strong {
    font-size: 16px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.txdh-hot-total {
    border: 1px solid #cdeee8;
    background: #effbf8;
    color: #4a8b7e;
}

.txdh-hot-total strong {
    color: #17b39c;
}

.txdh-hot-pending {
    border: 1px solid #fbe4cd;
    background: #fff7ec;
    color: #b0713c;
}

.txdh-hot-pending strong {
    color: #ff9f43;
}

/* 近期受欢迎 */
.txdh-hot-popular {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    height: 50px;
    margin-top: 10px;
    padding: 0 14px;
    border: 1px solid #d3f1eb;
    border-radius: 10px;
    background: linear-gradient(135deg, #e9faf6 0%, #f5fcfb 100%);
    color: #667481;
    box-sizing: border-box;
    overflow: hidden;
}

.txdh-hot-popular:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 3px;
    height: 100%;
    background: linear-gradient(180deg, #20c4ab, #66e0d2);
}

.txdh-hot-popular span {
    flex: 0 0 auto;
    color: #4c8f82;
    font-size: 13px;
}

.txdh-hot-popular strong {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    color: #12806e;
    font-size: 15px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.txdh-hot-popular i {
    flex: 0 0 auto;
    color: #20c4ab;
    font-size: 14px;
}

/* 标题装饰 */
.txdh-hot-title {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 40px;
    padding-right: 78px;
}

.txdh-hot-title h3:before {
    background: linear-gradient(180deg, #20c4ab, #37d9c0);
}

.txdh-hot-badge {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 20px;
    padding: 0 8px;
    border-radius: 10px;
    background: #e8fbf7;
    color: #17b39c;
    font-size: 11px;
    line-height: 20px;
    white-space: nowrap;
}

.txdh-hot-badge:before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #20c4ab;
    animation: txdhHotPulse 1.8s ease-out infinite;
}

@keyframes txdhHotPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(32, 196, 171, .45);
    }
    70% {
        box-shadow: 0 0 0 5px rgba(32, 196, 171, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(32, 196, 171, 0);
    }
}

html.txdh-dark-mode .indexSearch + .article .bottomas {
    background: #171f27 !important;
    border-color: #283541 !important;
}

html.txdh-dark-mode .txdh-hot-card {
    border-color: #2d3c48;
    background: linear-gradient(180deg, #1e2a33 0%, #1a242c 100%);
}

html.txdh-dark-mode .txdh-hot-card span,
html.txdh-dark-mode .txdh-hot-card small,
html.txdh-dark-mode .txdh-hot-card em {
    color: #9dafbd;
}

html.txdh-dark-mode .txdh-hot-card i {
    color: rgba(102, 220, 203, .4);
}

html.txdh-dark-mode .txdh-hot-card .txdh-hot-num strong {
    color: #66dccb;
}

html.txdh-dark-mode .txdh-hot-card:nth-child(2):before {
    background: #5b7cfa;
}

html.txdh-dark-mode .txdh-hot-card:nth-child(2) .txdh-hot-num strong {
    color: #7d97ff;
}

html.txdh-dark-mode .txdh-hot-card:nth-child(3):before {
    background: #ff9f43;
}

html.txdh-dark-mode .txdh-hot-card:nth-child(3) .txdh-hot-num strong {
    color: #ffb46b;
}

html.txdh-dark-mode .txdh-hot-summary .txdh-hot-total {
    border-color: #1f4a42;
    background: #17312d;
    color: #8fbcb2;
}

html.txdh-dark-mode .txdh-hot-summary .txdh-hot-total strong {
    color: #66dccb;
}

html.txdh-dark-mode .txdh-hot-summary .txdh-hot-pending {
    border-color: #4a3a26;
    background: #33291c;
    color: #c99a6b;
}

html.txdh-dark-mode .txdh-hot-summary .txdh-hot-pending strong {
    color: #ffb46b;
}

html.txdh-dark-mode .txdh-hot-popular {
    border-color: rgba(102, 220, 203, .25);
    background: linear-gradient(135deg, #17282c 0%, #1a2830 100%);
    color: #a9b8c4;
}

html.txdh-dark-mode .txdh-hot-popular span {
    color: #8fbcb2;
}

html.txdh-dark-mode .txdh-hot-popular strong,
html.txdh-dark-mode .txdh-hot-popular i {
    color: #66dccb;
}

html.txdh-dark-mode .txdh-hot-badge {
    background: #1b3330;
    color: #66dccb;
}

html.txdh-dark-mode .txdh-hot-badge:before {
    background: #66dccb;
}

.indexSearch + .article .newslist .txdh-news-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 40px;
}

.indexSearch + .article .newslist .txdh-news-title h3 {
    flex: 0 0 auto;
}

.indexSearch + .article .txdh-news-tabs {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px;
    max-width: calc(100% - 150px);
}

.indexSearch + .article .txdh-news-tabs button {
    min-width: 92px;
    height: 34px;
    padding: 0 18px;
    border: 1px solid #edf1f4;
    border-radius: 0;
    background: #f6f8fa;
    color: #536170;
    font-size: 14px;
    line-height: 34px;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color .18s ease, color .18s ease, box-shadow .18s ease;
}

.indexSearch + .article .txdh-news-tabs button:hover {
    border-color: rgba(32, 196, 171, .28);
    background: #eefbf8;
    color: #168f7c;
}

.indexSearch + .article .txdh-news-tabs button.active {
    border-color: #20c4ab;
    background: #20c4ab;
    color: #fff;
    box-shadow: 0 8px 18px rgba(32, 196, 171, .2);
}

.indexSearch + .article .txdh-news-panel[hidden] {
    display: none !important;
}

.indexSearch + .article .txdh-news-panel {
    height: auto !important;
    overflow: visible !important;
}

.indexSearch + .article .txdh-newslist ul li a .info {
    display: flex;
    flex-direction: column;
    height: 120px;
}

.indexSearch + .article .txdh-newslist ul li a .info h3 {
    flex: 0 0 auto;
    height: 25px;
    margin: 0 0 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.indexSearch + .article .txdh-news-intro {
    min-height: 40px;
    max-height: 40px;
    margin: 0;
    overflow: hidden;
    color: #7a8794;
    font-size: 13px;
    line-height: 20px;
    word-break: break-word;
}

.indexSearch + .article .txdh-newslist ul li a .info span.timeago {
    margin-top: auto;
}

.indexSearch + .article .newslist ul li.txdh-news-empty {
    float: none;
    width: 100%;
    min-height: 120px;
    margin: 0;
    padding: 48px 0;
    border: 1px dashed #e5eaf0;
    background: #fbfcfd;
    color: #96a1af;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    box-sizing: border-box;
}

html.txdh-dark-mode .indexSearch + .article .txdh-news-tabs button {
    border-color: #334252 !important;
    background: #202a33 !important;
    color: #b8c7d4 !important;
}

html.txdh-dark-mode .indexSearch + .article .txdh-news-tabs button:hover {
    border-color: rgba(102, 220, 203, .34) !important;
    background: #2a3540 !important;
    color: #8de0d0 !important;
}

html.txdh-dark-mode .indexSearch + .article .txdh-news-tabs button.active {
    border-color: #20c4ab !important;
    background: #20c4ab !important;
    color: #fff !important;
    box-shadow: 0 8px 18px rgba(32, 196, 171, .18) !important;
}

html.txdh-dark-mode .indexSearch + .article .txdh-news-intro {
    color: #8fa0b1 !important;
}

html.txdh-dark-mode .txdh-falling-canvas {
    opacity: .18;
}

html.txdh-dark-mode .indexSearch + .article .txdh-newslist {
    background: #141d24 !important;
    border-color: #25333f !important;
    box-shadow: 0 12px 26px rgba(0, 0, 0, .18) !important;
}

html.txdh-dark-mode .indexSearch + .article .txdh-newslist .txdh-news-title h3 {
    color: #edf5f8 !important;
}

html.txdh-dark-mode .indexSearch + .article .txdh-news-tabs button {
    border-color: #2b3a47 !important;
    background: #18232b !important;
    color: #b4c3cf !important;
    box-shadow: none !important;
}

html.txdh-dark-mode .indexSearch + .article .txdh-news-tabs button:hover {
    border-color: rgba(32, 196, 171, .42) !important;
    background: #203039 !important;
    color: #78ddce !important;
}

html.txdh-dark-mode .indexSearch + .article .txdh-news-tabs button.active {
    border-color: #20c4ab !important;
    background: #20c4ab !important;
    color: #fff !important;
    box-shadow: 0 8px 16px rgba(32, 196, 171, .16) !important;
}

html.txdh-dark-mode .indexSearch + .article .txdh-newslist ul li {
    background: #1b252d !important;
    border-color: #2a3844 !important;
    box-shadow: none !important;
}

html.txdh-dark-mode .indexSearch + .article .txdh-newslist ul li:hover {
    background: #202d36 !important;
    border-color: rgba(32, 196, 171, .38) !important;
}

html.txdh-dark-mode .indexSearch + .article .txdh-newslist ul li a .info h3 {
    color: #eef6f9 !important;
}

html.txdh-dark-mode .indexSearch + .article .txdh-newslist ul li a .info span.timeago {
    color: #a7b7c4 !important;
}

html.txdh-dark-mode .indexSearch + .article .txdh-newslist ul li img {
    filter: brightness(.9) saturate(.92);
}

html.txdh-dark-mode .indexSearch + .article .newslist ul li.txdh-news-empty {
    border-color: #334252 !important;
    background: #202a33 !important;
    color: #8fa0b1 !important;
}

@media screen and (max-width: 720px) {
    .indexSearch + .article .newslist .txdh-news-title {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }

    .indexSearch + .article .txdh-news-tabs {
        width: 100%;
        max-width: none;
        justify-content: flex-start;
        flex-wrap: nowrap;
        gap: 8px;
        overflow-x: auto;
        padding-bottom: 2px;
        scrollbar-width: none;
    }

    .indexSearch + .article .txdh-news-tabs::-webkit-scrollbar {
        display: none;
    }

    .indexSearch + .article .txdh-news-tabs button {
        flex: 0 0 auto;
        min-width: 76px;
        height: 32px;
        padding: 0 14px;
        font-size: 13px;
        line-height: 32px;
    }
}

/* ==================== 首页资源更新多 Tab ==================== */
.indexSearch + .article .update .txdh-update-title {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 12px;
    height: auto;
    overflow: visible;
    padding-bottom: 6px;
    border-bottom: 1px solid #eef1f4;
}

.indexSearch + .article .update .txdh-update-tabs-nav {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.indexSearch + .article .update .txdh-update-tabs-nav button {
    flex: 1 1 0;
    min-width: 0;
    height: 32px;
    padding: 0 8px;
    border: 1px solid #edf1f4;
    border-radius: 6px;
    background: #f6f8fa;
    color: #536170;
    font-size: 13px;
    line-height: 30px;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color .18s ease, color .18s ease, box-shadow .18s ease;
}

.indexSearch + .article .update .txdh-update-tabs-nav button:hover {
    border-color: rgba(32, 196, 171, .28);
    background: #eefbf8;
    color: #168f7c;
}

.indexSearch + .article .update .txdh-update-tabs-nav button.active {
    border-color: #20c4ab;
    background: #20c4ab;
    color: #fff;
    box-shadow: 0 8px 18px rgba(32, 196, 171, .2);
}

.indexSearch + .article .update .txdh-update-panel[hidden] {
    display: none !important;
}

.indexSearch + .article .update .txdh-update-rank {
    display: flex;
    align-items: center;
    height: 34px;
    margin-bottom: 6px;
}

.indexSearch + .article .update .txdh-update-rank:last-child {
    margin-bottom: 0;
}

.indexSearch + .article .update .txdh-update-rank i {
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    border-radius: 50%;
    background: #eef1f5;
    color: #7a8794;
    font-size: 11px;
    font-style: normal;
    line-height: 20px;
    text-align: center;
}

.indexSearch + .article .update .txdh-update-rank.rank-1 i {
    background: #20c4ab;
    color: #fff;
}

.indexSearch + .article .update .txdh-update-rank.rank-2 i,
.indexSearch + .article .update .txdh-update-rank.rank-3 i {
    background: #e6f7f3;
    color: #20c4ab;
}

.indexSearch + .article .update .txdh-update-rank a {
    flex: 1 1 auto;
    float: none;
    width: auto;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    text-indent: 0;
}

.indexSearch + .article .update .txdh-update-rank a:before {
    display: none;
}

.indexSearch + .article .update .txdh-update-rank span {
    flex: 0 0 auto;
    float: none;
    width: auto;
    height: 34px;
    line-height: 34px;
    font-size: 12px;
    margin-left: 10px;
}

.indexSearch + .article .update ul.txdh-update-panel li.txdh-update-empty {
    float: none;
    width: 100%;
    min-height: 80px;
    margin: 4px 0 0;
    padding: 26px 0;
    border: 1px dashed #e5eaf0;
    background: #fbfcfd;
    color: #96a1af;
    font-size: 13px;
    line-height: 22px;
    text-align: center;
    box-sizing: border-box;
}

html.txdh-dark-mode .indexSearch + .article .update .txdh-update-tabs-nav button {
    border-color: #2b3a47 !important;
    background: #18232b !important;
    color: #b4c3cf !important;
    box-shadow: none !important;
}

html.txdh-dark-mode .indexSearch + .article .update .txdh-update-tabs-nav button:hover {
    border-color: rgba(32, 196, 171, .42) !important;
    background: #203039 !important;
    color: #78ddce !important;
}

html.txdh-dark-mode .indexSearch + .article .update .txdh-update-tabs-nav button.active {
    border-color: #20c4ab !important;
    background: #20c4ab !important;
    color: #fff !important;
    box-shadow: 0 8px 16px rgba(32, 196, 171, .16) !important;
}

html.txdh-dark-mode .indexSearch + .article .update .txdh-update-rank i {
    background: #26323c !important;
    color: #93a4b3 !important;
}

html.txdh-dark-mode .indexSearch + .article .update .txdh-update-rank.rank-1 i {
    background: #20c4ab !important;
    color: #fff !important;
}

html.txdh-dark-mode .indexSearch + .article .update .txdh-update-rank.rank-2 i,
html.txdh-dark-mode .indexSearch + .article .update .txdh-update-rank.rank-3 i {
    background: #1c3833 !important;
    color: #6fd8c6 !important;
}

html.txdh-dark-mode .indexSearch + .article .update .txdh-update-rank a {
    color: #eef6f9 !important;
}

html.txdh-dark-mode .indexSearch + .article .update .txdh-update-rank span {
    color: #a7b7c4 !important;
}

html.txdh-dark-mode .indexSearch + .article .update ul.txdh-update-panel li.txdh-update-empty {
    border-color: #334252 !important;
    background: #202a33 !important;
    color: #8fa0b1 !important;
}

@media screen and (max-width: 720px) {
    .indexSearch + .article .update .txdh-update-tabs-nav button {
        height: 30px;
        font-size: 12px;
        line-height: 28px;
    }

    .indexSearch + .article .update .txdh-update-rank {
        height: 32px;
    }

    .indexSearch + .article .update .txdh-update-rank a,
    .indexSearch + .article .update .txdh-update-rank span {
        height: 32px;
        line-height: 32px;
    }

    .index-rank-tabs {
        gap: 6px;
        margin-top: 10px;
    }

    .index-rank-tabs a {
        height: 30px;
        font-size: 12px;
        line-height: 28px;
    }
}

/* ==================== 本站搜索下拉（站点 / 文章，仅本站引擎显示） ==================== */
.indexSearch > .layui-clear .search-site-select {
    flex: 0 0 auto;
    position: relative;
    height: 100%;
    border: 0;
    border-left: 1px solid #eef1f4;
    background: #f6f8fa;
    color: #43515d;
    font-size: 13px;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
}

.search-site-current {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0 20px 0 10px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23666' d='M5 6L0 0h10z'/%3E%3C/svg%3E") no-repeat right 7px center;
    white-space: nowrap;
}

.search-site-options {
    display: none;
    position: absolute;
    margin: 0;
    padding: 4px 0;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    list-style: none;
    z-index: 1000;
}

.search-site-options li {
    padding: 8px 14px;
    color: #43515d;
    white-space: nowrap;
    cursor: pointer;
    transition: background .15s, color .15s;
}

.search-site-options li:hover,
.search-site-options li.active {
    background: #20c4ab;
    color: #fff;
}

.indexSearch > .layui-clear .search-site-select:focus {
    box-shadow: inset 0 0 0 2px #20c4ab;
}

html.txdh-dark-mode .indexSearch > .layui-clear .search-site-select {
    background: transparent;
    border-left-color: rgba(255, 255, 255, .08);
    color: #d8e2ee;
}

html.txdh-dark-mode .search-site-current {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23aaa' d='M5 6L0 0h10z'/%3E%3C/svg%3E");
}

html.txdh-dark-mode .search-site-options {
    background: #1e2730;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .35);
}

html.txdh-dark-mode .search-site-options li {
    color: #d8e2ee;
}

html.txdh-dark-mode .search-site-options li:hover,
html.txdh-dark-mode .search-site-options li.active {
    background: #20c4ab;
    color: #fff;
}

@media screen and (max-width: 380px) {
    .indexSearch > .layui-clear .search-site-select {
        font-size: 12px;
    }
    .search-site-current {
        padding: 0 18px 0 8px;
        background-position: right 5px center;
    }
    .search-site-options li {
        padding: 7px 10px;
    }
}

/* ===== 滚动条 ===== */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: #f1f3f5;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #20c4ab 0%, #1aa98f 100%);
    border-radius: 10px;
    border: 2px solid #f1f3f5;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #2ad6bc 0%, #20c4ab 100%);
}

/* 深色模式适配 */
html.txdh-dark-mode ::-webkit-scrollbar-track {
    background: #121920;
    border-radius: 10px;
}

html.txdh-dark-mode ::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #68e1d0 0%, #3ad0bb 100%);
    border: 2px solid #121920;
}

/* Firefox 兼容 */
* {
    scrollbar-color: #20c4ab #f1f3f5;
    scrollbar-width: thin;
}

html.txdh-dark-mode * {
    scrollbar-color: #68e1d0 #121920;
}

/* ===================================================
   首页三区块美化：置顶站点 / 最新点入 / 最新加入
   =================================================== */

/* 区块容器：圆角卡片 + 细分隔 */
.indexSearch + .article > .index-web-section {
    border: 1px solid #eef1f6;
    background: #fff;
    box-shadow: 0 2px 12px rgba(23, 35, 53, .04);
}

/* 区块标题：渐变竖条 + 字重 + 底部装饰线 */
.indexSearch + .article .index-web-section .index-web-title {
    position: relative;
}

.indexSearch + .article .index-web-section .index-web-title h3 {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #1f2d3d !important;
    letter-spacing: .5px;
}

.indexSearch + .article .index-web-section .index-web-title h3:before {
    top: 6px;
    width: 4px;
    height: 20px;
    background: linear-gradient(180deg, #20c4ab, #66dccb);
    box-shadow: 0 2px 6px rgba(32, 196, 171, .35);
}

.indexSearch + .article .index-web-section .index-web-title:after {
    content: "";
    position: absolute;
    left: 14px;
    right: 0;
    top: 33px;
    height: 1px;
    background: linear-gradient(90deg, rgba(32, 196, 171, .35), rgba(242, 245, 248, 0));
}

/* 桌面端：站点卡片化（网格布局） */
@media screen and (min-width: 991px) {
    .indexSearch + .article .index-web-section > .indexWebList {
        display: grid;
        grid-template-columns: repeat(7, minmax(0, 1fr));
        gap: 10px;
    }

    .indexSearch + .article .index-web-section > .indexWebList > li {
        float: none;
        width: auto;
        margin: 0;
        border: 1px solid #eef1f6;
        background: #fff;
        transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease, background .22s ease;
    }

    .indexSearch + .article .index-web-section > .indexWebList > li:hover {
        border-color: #9fe8db;
        background: #fbfefd;
        box-shadow: 0 8px 20px rgba(32, 196, 171, .16);
        transform: translateY(-2px);
    }
    /* 桥接区：鼠标从卡片滑向面板时不会闪退 */
    .indexSearch + .article .index-web-section > .indexWebList > li:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        height: 14px;
        z-index: 2999;
    }

    .indexSearch + .article .index-web-section > .indexWebList > li > a {
        height: 58px;
        padding: 0 16px;
        background: transparent !important;
    }

    .indexSearch + .article .index-web-section > .indexWebList > li > a img {
        flex: 0 0 auto;
        width: 32px;
        height: 32px;
        margin: 0 10px 0 0;
        padding: 3px;
        background: #e6faf6;
        object-fit: contain;
        transition: transform .3s ease, background .3s ease;
    }

    .indexSearch + .article .index-web-section > .indexWebList > li:hover > a img {
        background: #ccf3ec;
        transform: scale(1.1) rotate(-5deg);
    }

    /* 下拉圆钮 */
    .indexSearch + .article .index-web-section > .indexWebList > li > a .xl {
        top: 19px;
        right: 10px;
        width: 18px;
        height: 18px;
        background: #e6faf6;
        transition: background .2s ease;
    }

    .indexSearch + .article .index-web-section > .indexWebList > li > a .xl:after {
        border-width: 4px 4px 0;
        border-color: #20c4ab transparent transparent;
        margin: 6px 0 0 5px !important;
    }

    .indexSearch + .article .index-web-section > .indexWebList > li > a .xlhover:after {
        margin: 6px 0 0 5px !important;
    }

    .indexSearch + .article .index-web-section > .indexWebList > li:hover > a .xl {
        background: #20c4ab;
    }

    .indexSearch + .article .index-web-section > .indexWebList > li:hover > a .xl:after {
        border-color: #fff transparent transparent;
    }

    /* 热门徽标适配卡片 */
    .indexSearch + .article .index-web-section > .indexWebList > li > a .hots {
        top: 4px;
        right: 12px;
        width: 22px;
        height: 22px;
    }

    /* 弹出面板：加宽 */
    .indexSearch + .article .index-web-section > .indexWebList > li .info {
        top: calc(100% + 4px);
        left: 0;
        width: 100%;
        padding: 6px 0;
        border: 1px solid #d5f3ee;
        box-shadow: 0 12px 28px rgba(23, 35, 53, .16);
        overflow: hidden;
    }

    .indexSearch + .article .index-web-section > .indexWebList > li .info a {
        height: 40px;
        line-height: 40px;
        font-size: 15px;
    }

    .indexSearch + .article .index-web-section > .indexWebList > li .info a:hover {
        background: #e9faf7;
    }

    /* 空状态占满整行 */
    .indexSearch + .article .index-web-section > .indexWebList > li.txdh-top-empty,
    .indexSearch + .article .index-web-section > .indexWebList > li.latest-visit-empty {
        grid-column: 1 / -1;
        width: auto;
    }
}

/* 深色模式适配 */
html.txdh-dark-mode .indexSearch + .article > .index-web-section {
    border-color: #27313b;
    box-shadow: none;
}

html.txdh-dark-mode .indexSearch + .article .index-web-section .index-web-title h3 {
    color: #dfe8f2 !important;
}

html.txdh-dark-mode .indexSearch + .article .index-web-section .index-web-title:after {
    background: linear-gradient(90deg, rgba(102, 220, 203, .45), rgba(39, 49, 59, 0));
}

@media screen and (min-width: 991px) {
    html.txdh-dark-mode .indexSearch + .article .index-web-section > .indexWebList > li {
        border-color: #2b3642;
        background: #1d252d;
    }

    html.txdh-dark-mode .indexSearch + .article .index-web-section > .indexWebList > li:hover {
        border-color: #20c4ab;
        background: #1d2b29;
        box-shadow: 0 8px 20px rgba(0, 0, 0, .35);
    }

    html.txdh-dark-mode .indexSearch + .article .index-web-section > .indexWebList > li > a img {
        background: rgba(102, 220, 203, .12);
    }

    html.txdh-dark-mode .indexSearch + .article .index-web-section > .indexWebList > li:hover > a img {
        background: rgba(102, 220, 203, .22);
    }

    html.txdh-dark-mode .indexSearch + .article .index-web-section > .indexWebList > li > a .xl {
        background: rgba(102, 220, 203, .15);
    }

    html.txdh-dark-mode .indexSearch + .article .index-web-section > .indexWebList > li:hover > a .xl {
        background: #20c4ab;
    }

    html.txdh-dark-mode .indexSearch + .article .index-web-section > .indexWebList > li .info {
        border-color: #2c4a44;
        box-shadow: 0 12px 28px rgba(0, 0, 0, .4);
    }
}

/* ============ 全局自定义 title 气泡（金山文档深色风） ============ */
.txdh-tip {
    position: fixed;
    z-index: 999999;
    max-width: 280px;
    min-width: 24px;
    padding: 7px 12px;
    background: rgba(38, 38, 40, .95);
    color: #f5f5f5;
    font-size: 13px;
    line-height: 1.55;
    text-align: left;
    border-radius: 4px;
    pointer-events: none;
    opacity: 0;
    transform: translateY(4px);
    transition: opacity .14s ease, transform .14s ease;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .22);
    word-break: break-word;
    white-space: normal;
    box-sizing: border-box;
}

.txdh-tip.is-show {
    opacity: 1;
    transform: translateY(0);
}

.txdh-tip::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -5px;
    width: 0;
    height: 0;
    margin-left: -5px;
    border: 5px solid transparent;
    border-top-color: rgba(38, 38, 40, .95);
    border-bottom: 0;
}

.txdh-tip.txdh-tip-bottom::after {
    top: -5px;
    bottom: auto;
    border-top-color: transparent;
    border-bottom-color: rgba(38, 38, 40, .95);
    border-top: 0;
}

html.txdh-dark-mode .txdh-tip {
    background: rgba(235, 235, 235, .96);
    color: #222;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .45);
}
html.txdh-dark-mode .txdh-tip::after {
    border-top-color: rgba(235, 235, 235, .96);
}
html.txdh-dark-mode .txdh-tip.txdh-tip-bottom::after {
    border-bottom-color: rgba(235, 235, 235, .96);
}

@media (prefers-color-scheme: dark) {
    html:not(.txdh-light-mode) .txdh-tip {
        background: rgba(235, 235, 235, .96);
        color: #222;
        box-shadow: 0 4px 14px rgba(0, 0, 0, .45);
    }
    html:not(.txdh-light-mode) .txdh-tip::after {
        border-top-color: rgba(235, 235, 235, .96);
    }
    html:not(.txdh-light-mode) .txdh-tip.txdh-tip-bottom::after {
        border-bottom-color: rgba(235, 235, 235, .96);
    }
}

/* ===== 内页 header 统一为白色背景（与首页一致，仅浅色桌面端） ===== */
html:not(.txdh-dark-mode) body.inner-page:not(.mobile-page) .headerwrap.other-header {
    position: relative;
    z-index: 10;
    background: #fff;
    border-bottom: 1px solid #F6F6F6;
}

html:not(.txdh-dark-mode) body.inner-page:not(.mobile-page) .headerwrap.other-header > .header nav a {
    color: #666;
}

html:not(.txdh-dark-mode) body.inner-page:not(.mobile-page) .headerwrap.other-header > .header nav .hover > a,
html:not(.txdh-dark-mode) body.inner-page:not(.mobile-page) .headerwrap.other-header > .header nav > div > a:hover {
    color: #20c4ab;
}

html:not(.txdh-dark-mode) body.inner-page:not(.mobile-page) .headerwrap.other-header > .header nav .border-bottom:after {
    background: #20c4ab;
}

html:not(.txdh-dark-mode) body.inner-page:not(.mobile-page) .headerwrap.other-header .time-winter .time,
html:not(.txdh-dark-mode) body.inner-page:not(.mobile-page) .headerwrap.other-header .time-winter .winter {
    color: #666;
}

html:not(.txdh-dark-mode) body.inner-page:not(.mobile-page) .headerwrap.other-header .time-winter .time span {
    color: #1f8f5f;
}