@charset "utf-8";
#divhottag div,
#divnewtag div,
#divrandtag div {
display: flex;
flex-wrap: wrap;
padding-top: 2px;
}

#divhottag div a,
#divnewtag div a,
#divrandtag div a {
padding: 0 .7em!important;
margin: 5px 4px 2px 0!important;
font-size: 14px;
border-radius: 6px;
display: inline-flex!important;
line-height: 2!important;
height: 2em!important
}

#divhottag div a:hover,
#divnewtag div a:hover,
#divrandtag div a:hover {
color: #fff!important;
-moz-opacity: .7;
-khtml-opacity: .7;
opacity: .7
}
a.tags0 {
background-color: #2997f73d;
color: #2997f7;
}
a.tags1 {
background-color: #00d1ce2b;
color: #00898c;
}
a.tags2 {
background-color: #2997f724;
color: #2997f7;
}
a.tags3 {
background-color: #955cff17;
color: #955cff;
}
a.tags4 {
background-color: #19aa2c1a;
color: #19aa2c;
}
a.tags5 {
background-color: #f1404b17;
color: #f1404b;
}
a.tags6 {
background-color: #ff6f0621;
color: #ff6f06;
}

/* 鼠标悬停效果 */
a.tags0:hover {
background-color: #2997f7;
color: #fff;
}
a.tags1:hover {
background-color: #08c4c1;
color: #fff;
}
a.tags2:hover {
background-color: #2997f7;
color: #fff;
}
a.tags3:hover {
background-color: #955cff;
color: #fff;
}
a.tags4:hover {
background-color: #19aa2c;
color: #fff;
}
a.tags5:hover {
background-color: #f1404b;
color: #fff;
}
a.tags6:hover {
background-color: #ff6f06;
color: #fff;
}
.flex-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.tx-tags-cloud a.tag-item {
display: inline-flex !important;
justify-content: center; /* 水平居中 */
align-items: center; /* 垂直居中（可选） */
width: auto !important; /* 避免 flex-fill 拉伸宽度 */
}
#divtxreaders div.tx-readers-box {
padding: 0!important;
margin: 0!important;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}

.tx-readers-box a {
display: inline-flex;
justify-content: center;
align-items: center;
flex-direction: column;
padding: 0!important;
margin: .5em 0!important;
border: 0!important;
overflow: hidden;
flex: none
}

.tx-readers-box a p {
line-height: 2;
height: 2em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
text-align: center
}

.tx-readers-rows2>* {
width: calc((100% - 1em)/ 2)
}

.tx-readers-rows3>* {
width: calc((100% - 2em)/ 3)
}

.tx-readers-rows4>* {
width: calc((100% - 3em)/ 4)
}

.tx-readers-rows5>* {
width: calc((100% - 4em)/ 5)
}

.tx-readers-rows6>* {
width: calc((100% - 5em)/ 6)
}

.tx-readers-box a img {
width: 46px!important;
max-width: 100%!important;
height: 46px!important;
line-height: 1!important;
padding: 0!important;
display: block!important;
margin: 0 auto 3px auto!important;
border-radius: 50%!important;
-webkit-transition: .6s;
-webkit-transition: -webkit-transform .6s ease-out;
transition: transform .6s ease-out;
-moz-transition: -moz-transform .6s ease-out;
-o-object-fit: cover;
object-fit: cover;
overflow: hidden
}

.tx-readers-box a:hover img {
transform: rotateZ(30deg);
-webkit-transform: rotateZ(30deg);
-moz-transform: rotateZ(30deg)
}

#divtxcomments li.tx-side-comm-s1 {
padding: .7em 0!important;
margin: 0!important;
display: flex;
align-items: center;
line-height: 1.2!important
}

.tx-side-comm-s1>a {
width: 40px!important;
height: 40px!important;
margin-right: 1em;
flex: none
}

.tx-side-comm-s1>a img {
width: 100%!important;
height: 100%!important;
border-radius: 50%!important;
border: 0!important;
margin: 0!important;
padding: 0!important;
-webkit-transition: .6s;
-webkit-transition: -webkit-transform .6s ease-out;
transition: transform .6s ease-out;
-moz-transition: -moz-transform .6s ease-out;
-o-object-fit: cover;
object-fit: cover
}

.tx-side-comm-s1:hover>a img {
transform: rotateZ(30deg);
-webkit-transform: rotateZ(30deg);
-moz-transform: rotateZ(30deg)
}

.tx-side-comm-s1>section {
flex: auto!important;
overflow: hidden!important
}

.tx-side-comm-s1>section small {
line-height: 1!important;
height: 1em!important;
overflow: hidden!important;
font-size: .8em!important;
opacity: .5!important;
display: block!important;
border: 0!important;
margin: 0!important;
padding: 0!important
}

.tx-side-comm-s1>section a {
display: block;
line-height: 1.2!important;
height: 1.2em!important;
overflow: hidden!important;
margin: 0 0 .5em 0!important;
padding: 0!important;
text-overflow: ellipsis;
white-space: nowrap
}

#divtxcomments li.tx-side-comm-s2 {
display: flex!important;
flex-direction: column!important;
border: 0!important;
margin: 0!important;
padding: .9em 0!important;
line-height: 1.2!important
}

.tx-side-comm-title {
display: flex!important;
align-items: center!important;
margin: 0 0 .5em 0!important;
font-size: .9em!important;
line-height: 1!important;
height: 1.8em!important;
overflow: hidden!important
}

.tx-side-comm-title>a {
display: inline-flex!important;
align-items: center!important;
flex: auto!important;
border: 0!important
}

.tx-side-comm-title>a img {
width: 1.8em!important;
height: 1.8em!important;
border-radius: 50%!important;
margin: 0 .3em 0 0!important;
padding: 0!important;
-o-object-fit: cover;
object-fit: cover
}

.tx-side-comm-title small {
flex: none;
opacity: .5!important
}

.tx-side-comm-s2 section {
background-color: rgba(0,0,0,.05)!important;
padding: .8em 1em!important;
margin: 0 0 .5em 0!important;
border: 0!important;
line-height: 1.5!important;
border-radius: 3px!important;
white-space: normal!important
}

.tx-side-comm-s2>p {
font-size: .9em!important;
height: 1.2em!important;
margin: 0!important;
padding: 0!important;
opacity: .5!important;
text-overflow: ellipsis!important;
white-space: nowrap!important;
overflow: hidden!important
}

#divtxcomments li,
#divtxcommonlist li.tx-imglist,
#divtxhotlist li.tx-imglist,
#divtxnewlist li.tx-imglist,
#divtxrandlist li.tx-imglist,
#divtxtablist li {
text-indent: 0!important;
border: 0!important;
}

#divtxcomments li::after,
#divtxcomments li::before,
#divtxcommonlist li.tx-imglist::after,
#divtxcommonlist li.tx-imglist::before,
#divtxhotlist li.tx-imglist::after,
#divtxhotlist li.tx-imglist::before,
#divtxnewlist li.tx-imglist::after,
#divtxnewlist li.tx-imglist::before,
#divtxrandlist li.tx-imglist::after,
#divtxrandlist li.tx-imglist::before,
#divtxtablist li::after,
#divtxtablist li::before {
display: none!important;
font-size: 0!important
}

#divtxtablist,
#divtxtablist .tx-side-tab,
#divtxtablist ul,
#divtxtablist>*,
#divtxtablist>*>div {
padding: 0!important
}
#divtxtablist::before {
content: '';
position: absolute;
width: 36%;
padding-top: 36%;
left: 0;
top: 0;
opacity: 0.3;
border-radius: 0 0 100% 0;
border-top-left-radius: inherit;
background-image: linear-gradient(161deg, #3b82f6 10%, rgba(0,0,0,0) 90%);
filter: blur(2px);
transform: scale(1.05)
}
#divtxtablist::after{content: '';
position: absolute;
width: 115%;
height: 40%;
left: 0;
bottom: 0;
opacity: 0.1;
border-radius: 0 100% 0 0;
background-image: linear-gradient(179deg, rgba(59, 130, 246, 0.4) 10%, #2563eb 80%);
filter: blur(4px);
transform: scale(1.05);
pointer-events: none;
}
#divtxtablist.widget{
overflow: hidden;
background-image: linear-gradient(180deg, rgba(52, 152, 219, 0.2) 0%, #f8f9fa 30%) !important;
}
.tx-profile-header{
padding-top: 50px;
position: relative;
z-index: 1;
height: 125px;
background-repeat: no-repeat;
background-position: center center;
margin-bottom: 28px;
background-size: cover;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.tx-profile-header img {
margin: 0 auto;
display: block;
width: 80px;
height: 80px;
border-radius: 99px;
padding: 5px;
background: rgba(255, 255, 255, .88);
}
.tx-site-info{
padding: 0 20px;
text-align: center;
margin: 5px 0 10px;
}
.tx-profile-stats-grid {
width: 100%;
display: flex;
align-items: center;
padding-bottom: 10px;
border-bottom: 0px solid rgba(150, 150, 150, 0.1);
}

.tx-stat-item {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
user-select: none;
font-size: 14px;
color: #666;
}
.tx-stat-item:nth-child(2) {
border-left: 1px solid rgba(150,150,150,0.38);
border-right: 1px solid rgba(150,150,150,0.38);
}
.tx-stat-label {
max-width: 70px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 16px;
color: #333;
margin-bottom: 3px;
}

.tx-stat-value {
color: #ff3636;
}


/* ========== Tab模块样式修改 ========== */
#divtxtablist.widget {
position: relative;
padding-top: 40px !important;
}

/* 标题样式 */
#divtxtablist .c-title.mb {
position: absolute;
left: 22px;
top: 5px;
margin: 0 !important;
cursor: pointer;
z-index: 1;
}

/* 标签头部样式 */
#divtxtablist .tx-tab-hd {
overflow: visible !important;
position: absolute;
right: 8px;
top: 5px;
font-size: 14px;
display: flex !important;
margin: 0 !important;
z-index: 2;
}
#divtxtablist .tx-tab-hd li {flex: none !important;width: auto !important;padding: 2px;margin-left: 5px !important;}

/* 内容区域 */
#divtxtablist .widget-content.divtxtablist {
margin-top: 0 !important;
background: linear-gradient(to bottom, #e5e5e5 1px, transparent 1px) no-repeat top;
background-size: 100% 10px; /* 第一个值控制宽度，第二个控制间距 */
padding-top: 10px; /* 匹配background-size的间距 */
}

#divtxtablist .tx-side-tab .tx-tab-hd li {
flex: 1; 
    text-align: center!important; 
    overflow: visible!important; /* ← 改成visible！！ */ 
    white-space: nowrap!important; 
    position: relative!important; 
    cursor: pointer; 
    background-image: none!important; 
}

#divtxtablist .tx-side-tab .tx-tab-hd li.tx-on {/* background-color: rgb(0 0 0 / 2%) !important; */padding-bottom: 0 !important; /* ← 去掉干扰的padding */font-weight: bold;color: #ff3636;transition: all 0.3s ease; /* ← 修复过渡效果 */position: relative !important; /* ← 保留相对定位（必须） */}
#divtxtablist .tx-side-tab .tx-tab-hd li.tx-on::after {
 content: "" !important; 
  position: absolute !important; 
  bottom: -8px !important; /* 保持下划线在下方10px的距离 */ 
  width: 50% !important; /* 下划线宽度为li的一半（可调整，比如40%更短） */ 
  left: 50% !important; /* 左边距定位到li的50%位置 */ 
  transform: translateX(-50%) !important; /* 向左移动自身一半宽度，实现居中 */ 
  height: 3px !important; /* 下划线厚度不变 */ 
  background: #ff0000 !important; /* 颜色可自定义 */ 
  display: block !important; 
  z-index: 999 !important; 
}

#divtxtablist .tx-side-tab .tx-tab-bd {
padding: .8em 1em!important
}

#divtxtablist .tx-side-tab .tx-tab-bd>ul {
display: none
}

#divtxtablist .tx-side-tab .tx-tab-bd>ul:first-child {
display: block
}

#divtxcommonlist li.tx-imglist,
#divtxhotlist li.tx-imglist,
#divtxnewlist li.tx-imglist,
#divtxrandlist li.tx-imglist,
#divtxtablist li.tx-imglist {
padding: .3em 0!important;
margin: 0!important;
border: 0!important
}

#divtxtablist .mb {
margin-bottom: 0;
}

.tx-imglist-s1>a {
display: flex!important;
align-items: center!important;
margin: 0!important;
display: block;
padding: 10px;
position: relative;
border-radius: 5px;
box-sizing: border-box;
background: rgba(0, 0, 0, 0.05);
/* box-shadow: inset 0 0 25px 0 rgb(0 0 0 / 7%), 0 0 0 0 transparent; */
transition: all .32s ease-in-out;
}
.tx-imglist-s1>a:hover{box-shadow: inset 0 0 2px 0 rgba(0,0,0,.05), 0 20px 25px -10px rgba(0,0,0,.1);}
.tx-imglist-s1>a span {
flex: none!important;
width: 40px!important;
/* margin: 0 0.2em 0 0!important; */
padding: 0!important
}

.tx-imglist-s1>a span img,
.tx-imglist-s2>a span img {
position: relative; /* 启用 z-index */
z-index: 2; /* 层级高于 .blur-img-bg */
border-radius: 50%; /* 统一圆角（原代码中图片有50%圆角） */
}

.tx-imglist-s1>a p,
.tx-imglist-s2>a p {
white-space: normal!important;
line-height: 1.4!important;
font-weight: bold;
color: #484b4f;
height: auto!important;
max-height: 2.8em!important;
overflow: hidden!important;
padding: 0!important;
margin: 0!important
}

.tx-imglist-s2>a {
display: flex!important;
flex-direction: column!important;
padding: 0!important;
margin: 0!important
}

.tx-imglist-s2>a span {
flex: none!important;
width: 100%!important;
margin: 0 0 .5em 0!important;
padding: 0!important
}
.tx-imglist-box {
position: relative;
display: inline-block;
/* width: 40px; */ /* 与图片尺寸一致 */
/* height: 40px; */
}
.tx-imglist-box .blur-img-bg {
position: absolute;
top: 0;
left: 0;
width: 100%; /* 继承容器尺寸 */
height: 100%;
background-size: cover;
background-position: center;
border-radius: 50%; /* 与图片圆角一致（原为12px，需统一） */
z-index: 1; /* 初始层级低于图片 */
transition: all 0.8s cubic-bezier(0.34,1.56,0.64,1);
transform: scale(1);
filter: blur(0);
opacity: 0;
}
.tx-imglist-s1:hover .blur-img-bg {
opacity: 1 !important;
transform: scale(1.1) !important;
filter: blur(9px) !important;
}
li::marker {
content: "";
}