:root{
    --primary-color: #BB0052;
    --transparent-color: transparent;
    --text-color: #8A8F99;
    --background-color: #fff;
    --video-background-color: #F5F5F5;
}

.mui-toast-container{
    bottom:50%;
}
.mui-toast-message{
    background-color: rgba(0, 0, 0, .7);
    color:#fff;
    width:fit-content;
    padding:1.125rem 1.5rem;
}
header {
    position: relative;
    width: 100vw;
    height: 56px;
    z-index: 888;
    margin: 0 auto;
    display: none;
    top: 0;
    width: 100%;
    background-size: 100% 100%; 
    box-shadow: 0 2px 6px 0px rgb(234 234 234 / 40%);
}
header section{
    font-size: 16px !important;
    line-height: 28px !important;
    color: #000000;
    word-wrap: break-word;
    font-family: PingFangSC-regular;
    text-align: justify !important;
}
header section aside {
    position: relative;
    padding: 0px 5px 0px 50px;
    height: 56px;
    text-decoration: none;
    color: rgb(255, 255, 255);
    background: #fff;
}
header section aside img {
    position: absolute;
    top: 14px;
    left: 16px;
    width: 28px;
    border-radius: 4px;
}
header section aside .aside-title {
    position: absolute;
    top: 18px;
    left: 52px;
    color: rgba(16, 16, 16, 100);
    font-size: 14px;
    line-height: 21px;
    font-family: PingFangSC-medium;
}
header section aside .open {
    position: absolute;
    top: 14px;
    right: 16px;
    z-index: 9;
    width: 64px;
    height: 28px;
    border-radius: 5px;
    background-color: rgb(255, 70, 146);
    font-size: 14px;
    text-align: center;
    line-height: 28px;
    color: #FFFFFF;
    text-decoration-line: none;
}
.live-panel{
    position: relative;
    width: 100%;
    background-color: var(--video-background-color);
}
.live-panel .live-panel-inner {
    position: relative;
    width: 100%;
    background-color: var(--video-background-color);
    box-shadow: 0 2px 6px 0px rgb(234 234 234 / 40%);
}
.live-panel .live-panel-inner .live-panel-container{
    padding: 0px;
}
.live-panel .live-panel-inner .live-panel-container .live-panel-content {
    position: relative;
    width: 100%;
    min-height: 13rem /* 208/16 */;
    background-color: var(--video-background-color);
    box-shadow: 0 2px 6px 0px rgb(234 234 234 / 40%);
}
.live-panel .live-panel-inner .live-panel-container .live-panel-content .live-player{
   position: relative;
   min-height: 13rem /* 208/16 */;
   max-height: 27rem;
   height:14rem;
}
.live-panel .live-panel-inner .live-panel-container .live-panel-content  .live-player .dplayer-full-in-icon{
    display: none !important;
}
.live-panel .live-panel-inner .live-panel-container .live-panel-content .mini-live-status{
   position: absolute;
   background-color: #000000;
   top: .9375rem;
   left: .9375rem;
   transition: all .2s;
}
.live-panel .live-panel-inner .live-panel-container .live-panel-content .mini-live-status.living{
   width:4.9375rem;
   height:1.625rem;
   background: url("https://www.sztv.com.cn/ysz/upload/Image/mrtp/2025/06/27/c4bcedb432014a81b6a7f85bc7dd84ef.png") no-repeat center center;
   background-size: cover;
}
.live-panel .live-panel-inner .live-panel-container .live-panel-content .mini-live-status.ended{
   width:4.375rem;
   height:1.625rem;
   background: url("https://www.sztv.com.cn/ysz//upload/Image/mrtp/2025/06/27/78f54d7f6f524beb8d13aaccd63e55c2.png") no-repeat center center;
   background-size: cover;
}
.live-panel .live-panel-inner .live-panel-container .live-panel-content .total-users{
    position: absolute;
    top: .9375rem;
    right:.9375rem;
    background-color: rgba(0,0,0,.7);
    border-radius: .8125rem;
    padding: .375rem .5rem;
    font-size: .6875rem;
    text-align: center;
    white-space: nowrap;
    color:#eee;
}

.live-panel .live-panel-inner .live-panel-container .live-panel-content .live-player video{
    width:100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    background-color: var(--video-background-color);
}
.live-panel .live-panel-inner .live-panel-container .live-panel-content .live-poster {
    position: relative;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
}
.live-panel .live-panel-inner .live-panel-container .live-panel-content .live-poster img {
    width: 100%;
    height: 100%;
    max-height:14rem;
    object-fit: cover;
    object-position: center;
    background-color: var(--video-background-color);
}
.live-panel .live-panel-inner .live-panel-container .live-panel-content .live-status{
    position:relative;
    width:100%;
    height:2.5rem;
    margin:0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: stretch;
    align-items: center;
    align-content: center;
    padding: 0.625rem 1.25rem;
    background:url("https://www.sztv.com.cn/ysz/upload/Image/mrtp/2025/06/30/1ecb0ba8b34b4ba18efffea570aa48e6.png") no-repeat center center;
    background-size: cover;
}
.live-panel .live-panel-inner .live-panel-container .live-panel-content .live-status .status-text{
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 14px;
    text-align: left;
    font-style: normal;
    flex: none;

}
.live-panel .live-panel-inner .live-panel-container .live-panel-content .live-status .status-value {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: stretch;
    align-items: center;
    align-content: center;
    padding-right: 0.625rem;
    font-weight: 400;
    flex: auto;
    font-weight: 500;
    font-size: .9375rem;
    color: #FFFFFF;
    text-align: justify;
    font-style: normal;
    vertical-align: sub;
}
.live-panel .live-panel-inner .live-panel-container .live-panel-content .live-status .status-value .esbaks{
    font-size: 1.5rem;
    color: #FFFFFF;
    text-align: justify;
    font-style: normal;
    font-weight: bold;
    margin:0.3rem;
}
.multi-area-panel{
    position: relative;
    z-index: 1;
    width: 100%;
    height:7rem;
    background-color: #fff;
}
.multi-area-panel .multi-area-container{
    transition: ease .2s ease-in-out;
}
.multi-area-panel.Shrink{
    height:1.625rem;
}
.multi-area-panel.Expand{
    height:7rem;
}
.multi-area-panel.Shrink .multi-area-container{
    display: none;
    transition: ease .2s ease-in-out;
}
.multi-area-panel.Expand .multi-area-btn{
    display: none;
}
.multi-area-panel .multi-area-container{
    position: relative;
    width:100%;
    height:100%;
    overflow: hidden;
}
.multi-area-panel .multi-area-container .before-icon{
    content: '';
    position: absolute;
    width: 100px;
    height:20px;
    bottom: -0.25rem;
    text-align: center;
    color: #2E3033;
    font-size:.6875rem;
    z-index: 1;
    left: 0;
    right:0;
    margin:auto;
    background-color: transparent;
}
.multi-area-panel .multi-area-container .before-icon .icon-angle-left{
    display: inline-block;
    width: .75rem;
    height:.5rem;
    line-height:1rem;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAYAAAAMJL+VAAAAAXNSR0IArs4c6QAAAalJREFUOE+1lMtu01AQhv/fEip7ugF1XSqhk2P7SN1DEt6DR2ijFlraSlxaLoVXYMF7IF4giWM7LuIFWNBL1qjxGeTUSZs0wfYCL49nvm9mzugQ//ljFf5Dz3vwMwh+VckpLdCeORCRDUtp9oOgXVZSSqC0OSDx6goqA0t5WlZSKFDa7JN4PV2xDCRFM467naJO/ilQ2tsjnTd55b8BfgXQAkCIDMQWSxYKaq7/EuDbCdw69Shq95X2N0h+vpLg4lLQ/BF1uos6mSuouf4uwMMcfgrrPMngY4jS3ibpfMokIrhIwcZJ2A7mSW4Jaq7ZAXCUB59Kinocd+LZZK1NS4jja8mwcRKGtyRTAqXNCxLvctiZHUq93+9Gi9rXnmmJ5BLg3CJtJL1e72b8RKC095x03peFjyE1198C+HG0wJmEtp4EQTj+PxIo198m+GEMTy9tI0mug4pW8Wb+rIRK+89IfllUQRF8cvEzRf6h1dmzwrW19Xt37g6/AVyZN8OygtEkJmOW46jX3c7ORiNaXTXLS0u4P29bqgiy2EfaPE7CzvepO6gKqRL/F9HpwRHWPhFuAAAAAElFTkSuQmCC") no-repeat center center;
    background-size: cover;
}
.multi-area-panel .multi-area-container::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: .25rem;
    z-index: -1;
    left: 0;
    background: url("https://www.sztv.com.cn/ysz//upload/Image/mrtp/2025/08/05/9408887f6dfb404eb33f84a1132810a7.png") no-repeat center center;
    background-size: contain;
}

.multi-area-panel .multi-area-container .multi-area-list {
    width:100%;
    height:86%;
    padding: .4375rem .6875rem;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    scrollbar-width: none; /* Firefox */
    text-align: left;
    background-color: #f3f3f3;
}
.multi-area-panel .multi-area-container .multi-area-list .multi-area-item{
    width: 6rem;
    display: inline-block;
    margin-right: .625rem;
}
.multi-area-panel .multi-area-container .multi-area-list .multi-area-item.cur{
    position: relative;
}
.multi-area-panel .multi-area-container .multi-area-list .multi-area-item.cur .playing{
    display: block !important;
}
.multi-area-panel .multi-area-container .multi-area-list .multi-area-item .multi-area-item-content{
    position: relative;
}
.multi-area-panel .multi-area-container .multi-area-list .multi-area-item .multi-area-item-content .liveType {
    position: absolute;
    top: 0;
    right:0;
    background-color: #ee3983;
    padding:0.1rem.3333rem;
    z-index: 1;
    font-size: .6rem;
    border-bottom-left-radius: .375rem;
    border-top-right-radius: .375rem;
    color: #fff;
}
.multi-area-panel .multi-area-container .multi-area-list .multi-area-item .multi-area-item-content .multi-area-item-img{
    position: relative;
    width: 100%;
    height: 3.375rem;
    border-radius: .375rem;
}
.multi-area-panel .multi-area-container .multi-area-list .multi-area-item .multi-area-item-content .multi-area-item-img img{
    border-radius: .375rem;
    width:100%; 
    height:100%;
    object-fit: cover;
}

.multi-area-panel .multi-area-container .multi-area-list .multi-area-item .multi-area-item-content .multi-area-item-img .playing{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    background-color: rgba(0,0,0,0.5);
    border-radius: .375rem;
}
.multi-area-panel .multi-area-container .multi-area-list .multi-area-item .multi-area-item-content .multi-area-item-img .playing::after{
    content: '';
    position: absolute;
    width: 1.25rem;
    height:1.25rem;
    top:0;
    left:0;
    right:0;
    bottom: 0;
    margin: auto;
    background: url("data:image/gif;base64,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") no-repeat center center;
    background-size: cover;
}

.multi-area-panel .multi-area-container .multi-area-list .multi-area-item .multi-area-item-content .multi-area-item-content-text{
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: .8125rem;
    color: #2E3033;
    text-align: left;
    font-style: normal;
    margin-top: .375rem;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    -webkit-line-clamp: 1;
}
.multi-area-panel .multi-area-btn {
    width:100%;
    height:100%;
    position: relative;
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: baseline;
	align-content: center;
}
.multi-area-panel .multi-area-btn .multi-area-btn-icon{
    height: 1.625rem;
    width:8.5rem;
    background:url("https://www.sztv.com.cn/ysz//upload/Image/mrtp/2025/08/05/a9717f9462fe4a5d8c490824b02df04e.png") no-repeat center center;
    background-size: cover;
}


.nav-tabs-container{
    position: relative;
    width: 100%;
	display: flex;
    background-color: #fff;
    justify-content: center;
}
.nav-tabs-container .nav-tabs {
    position: relative;
    width: 100%;
}
.nav-tabs-container .nav-tabs .table-view{
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-evenly;
	align-items: center;
	align-content: center;
}
.nav-tabs-container .nav-tabs .table-view .table-view-cell {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.8125rem /* 45/16 */;
    font-size: 1.15rem;
    font-weight: 500;
    color: var(--text-color);
    cursor: pointer;
}
.nav-tabs-container .nav-tabs .table-view .table-view-cell .mui-navigate-center{
    scale: .9;
}
.nav-tabs-container .nav-tabs .table-view .table-view-cell.active{
    position: relative;
    color: #2E3033;
    transition: 0.15s ease-out;
}
.nav-tabs-container .nav-tabs .table-view .table-view-cell.active::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right:0;
    margin:auto;
    width: 20px;
    height: 2px;
    color: var(--primary-color);
    background: linear-gradient( 90deg, #FF4692 0%, #795EFF 100%);
    transition: all .2s;
    border-radius: .625rem /* 10/16 */;
}
.content-container{
    position: relative;
    width: 100%;
    height:100%;
    overflow-y: auto;
    background-color: #F5F5F5;
    padding: 1.125rem;
    display: none;
    transition: margin-left .2s;
    animation: margin-left .2s ease-in-out;
    box-sizing: border-box;
    flex:1;
    
}
@keyframes margin-left {
    0% {
        transform: translateX(-100%);
        opacity: 0
    }

    70% {
        opacity: .5
    }

    to {
        transform: translateX(0);
        opacity: 1
    }
}
.content-container .intro-item{
    width: 100%;
    height:100%;

}
.content-container .intro-item .intro-item-header{
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #eae8e8;
}
.content-container .intro-item .intro-item-header .intro-item-title{
    display: block;
    font-weight: 600;
    font-size: 1rem;
    color: #2E3033;
    text-align: justify;
    font-style: normal;
}
.content-container .intro-item .intro-item-header .intro-item-meta{
    display: flex;
    flex-direction: row;
    justify-content: stretch;
    align-items: center;
    padding: 0.5rem 0;
}
.content-container .intro-item .intro-item-header .intro-item-meta .intro-item-time{
    font-weight: 400;
    font-size: 0.875rem /* 14/16 */;
    color: #8A8F99;
    text-align: left;
    font-style: normal;
}
.content-container .intro-item .intro-item-header .intro-item-meta .intro-item-status{
    font-weight: 400;
    font-size: 0.875rem /* 14/16 */;
    color: #8A8F99;
    text-align: left;
    font-style: normal;
    margin-right: 1rem;
}
.content-container .intro-item .intro-item-content{
    width: 100%;
    height: 100%;;
    padding: 0.5rem;
    text-align: justify;
    justify-content: space-around;

    font-size: 1.0625rem /* 17/16 */;
}
.content-container.activity{
    position: relative;
    width: 100%;
    padding:0px;
    overflow: scroll;
    margin: 0 auto;
    background-color: #F5F5F5;

}
.content-container.comment{
    position: relative;
    width: 100%;
    padding:0px 1rem;
    overflow: scroll;
    margin: 0 auto;
    padding-bottom: 4.9rem;
    background-color: #F5F5F5;

}
.content-container.comment .comment-list{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: scroll;
    margin: 0 auto;
    display: none;
    padding-bottom: 1.25rem;

}
.content-container.comment .comment-list .comment-item{
    margin-top: .625rem;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    background: linear-gradient( 85deg, rgb(167, 112, 255, 0.1) 0%, rgba(255,70,146,0) 100%);
    padding:.625rem .625rem .625rem 0rem;
    border-radius: .625rem;
    box-shadow: 0 2px 6px 0px rgb(234 234 234 / 40%);
    transition: all 0.3s ease;
    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}

.content-container.comment .comment-list .comment-item .comment-item__left{
    width: 1.8533333333rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    position: relative

}
.content-container.comment .comment-list .comment-item .comment-item__right{
    margin-left: 10px;
    flex: 1;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: baseline;
    align-content: center
}
.content-container.comment .comment-list .comment-item .comment-item__right .comment-item__info{
     position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: center

}
.content-container.comment .comment-list .comment-item .comment-item__right .comment-item__info .comment-item__info-avatar{
    position: absolute;
    left: -1.9333333333rem;
    top: 0rem;
}
.content-container.comment .comment-list .comment-item .comment-item__right .comment-item__info .comment-item__info-avatar img{
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%
}
.content-container.comment .comment-list .comment-item .comment-item__right .comment-item__info .comment-item__info-content{
    font-weight: 400;
    font-size: .875rem;
    color: #5C5F66;
    text-align: left;
    font-style: normal;
}
.content-container.comment .comment-list .comment-item .comment-item__right .comment-item__info .comment-item__info-content .content{
    font-weight: 400;
    font-size: .875rem;
    color: #2E3033;
    line-height: 1.375rem;
    text-align: left;
    font-style: normal;
    
    text-align: justify;
    justify-content: space-around;
}
.content-container.comment .comment-list .comment-item .comment-item__right .comment-item__option{
    font-weight: 400;
    font-size: .75rem;
    color: #8A8F99;
    text-align: left;
    font-style: normal;
    margin-top: 0.5rem;
}
.content-container.comment .comment-list .comment-item .comment-item__right .comment-item__content{
    font-size: 14px;
    color: #2e3033;
    padding: 10px 0;
    width: 100%
}
.content-container.comment  .comment-empty-container,.content-container.textpic  .textpic-empty-container{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: scroll;
    margin: 0 auto;
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-evenly;
	align-items: center;
	align-content: center;
}
.content-container.comment  .comment-empty-container .comment-empty,.content-container.textpic  .textpic-empty-container .textpic-empty{
    display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}
.content-container.comment  .comment-empty-container .comment-empty img,.content-container.textpic  .textpic-empty-container .textpic-empty img{
    width:3.6875rem;
    height:3.75rem;
}
.content-container.comment  .comment-empty-container .comment-empty p,.content-container.textpic  .textpic-empty-container .textpic-empty p{
    font-weight: 400;
    font-size: 14px;
    color: #8A8F99;
    line-height: 20px;
    text-align: left;
    font-style: normal;
    margin-top:13px;
}
.content-container.comment .comment-new-tips{ 
    position: absolute;
    bottom: 5.5rem;
    left:1rem;
    background-color: #FFFFFF;
    padding: 0.325rem 0.425rem;
    border-radius: 0.625rem;
    color: red;
    opacity: 0;
    transition: all 200ms linear;
}
.content-container .comment-input-area{
    position: absolute;
    width: 100%;
    height: 3.875rem /* 62/16 */;
    bottom: 0;
    left: 0;
    background-color: #fff;
    z-index: 1001;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    padding: 0.625rem;
}
.content-container .comment-input-area .comment-input-container{
    position: relative;
    width: 100%;
    height: 2.5rem /* 40/16 */;
    border-radius: 2.5rem /* 10/16 */;
    background-color: #F5F5F5;
    padding: 0.625rem;
    font-size: 1rem;
    color: #2E3033;
    line-height: 1.375rem;
    font-family: PingFangSC-regular;
}
.content-container .comment-input-area .comment-input-container input{
    font-weight: 400;
    font-size: 12px;
    color: #8A8F99;
    line-height: 12px;
    text-align: left;
    font-style: normal;
    border: none;
    padding-left: 18px;
    width: 100%;
    height: 100%;
    font-size: 16px;
    background: transparent;
    color: #8a8f99;
    border-radius: 2.5rem;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    margin-bottom: 0px;
}
.content-container .comment-submit-container{
    position: relative;
    margin-left: 10px;
    width:40%;
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-evenly;
	align-items: center;
	align-content: center;
    transition: all 0.5s ease-in-out;
}
.content-container .comment-submit-container button{
    width: 1.3125rem;
    height: 1.3125rem/* 40/16 */;
    border-radius: 50% /* 10/16 */;
    color: #fff;
    text-align: center;
    cursor: pointer;
    padding: 0;
    border: none;
}
.content-container.textpic{
    position: relative;
    width: 100%;
    padding:.9375rem 1rem;
    overflow: scroll;
    margin: 0 auto;
    background-color: #F5F5F5;

}
.content-container.textpic::-webkit-scrollbar {
    display: none;
}
.content-container.textpic .textpic-item{ 
    margin: 0 auto;
    width: 100%;
    display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: center;
}
.content-container.textpic .textpic-item:not(:first-child){ 
    margin-top:1.8125rem;
}
.content-container.textpic .textpic-item:last-child{ 
    margin-bottom:1.8125rem;
}
.content-container.textpic .textpic-item .textpic-item-info{
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;
    height:1.25rem;
}
.content-container.textpic .textpic-item .textpic-item-info .textpic-item-user{
    width:60%;
    height:100%;
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
}
.content-container.textpic .textpic-item .textpic-item-info .textpic-item-user img{
    width:1.25rem;
    height:1.25rem;
    border-radius: 50%;
}
.content-container.textpic .textpic-item .textpic-item-info .textpic-item-user span{
    margin-left: .5rem;
    font-weight: 400;
    font-size: .875rem;
    color: #5C5F66;
    text-align: left;
    font-style: normal;
}
.content-container.textpic .textpic-item .textpic-item-info .textpic-item-date{
    width:40%;
    font-weight: 400;
    font-size: .75rem;
    color: #8A8F99;
    text-align: right;
    font-style: normal;
}
.content-container.textpic .textpic-item .textpic-item-content{
    position: relative;
    padding-left: 1.75rem;
    
}
.content-container.textpic .textpic-item .textpic-item-content::before{
    content: '';
    position: absolute;
    left: 0.625rem;
    top: 1rem;
    margin: auto;
    width: 1px;
    height:100%;
    background-color: #B8BECC;
    transition: all .2s;
    border-radius: .625rem /* 10/16 */;
}
.content-container.textpic .textpic-item .textpic-item-content .textpiccontent{
    font-weight: 400;
    font-size: .9375rem;
    padding-top:.75rem;
    color: #2E3033;
    line-height: 20px;
    text-align: justify;
    font-style: normal;
}
.content-container.textpic .textpic-item .textpic-item-content .textpicimgs{
    position: relative;
    margin-top: .4375rem;
    display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
    gap: 10px;
}
.content-container.textpic .textpic-item .textpic-item-content .textpicimgs.double{
    justify-content: space-between;
}
.content-container.textpic .textpic-item .textpic-item-content .textpicimgs.double .textpicimg{
    width:48%;
    max-height:12.625rem;
}
.content-container.textpic .textpic-item .textpic-item-content .textpicimgs.three{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;

}
.content-container.textpic .textpic-item .textpic-item-content .textpicimgs .textpicimg{
    /* max-height: 11.1875rem; */
    width: 8.125rem;
    height:3.625rem;  
}
.content-container.textpic .textpic-item .textpic-item-content .textpicimgs .textpicimg:only-child{
    width:100%;
    height: 100%;
}
.content-container.textpic .textpic-item .textpic-item-content .textpicimgs .textpicimg{
    width:100%;
    height: 6rem;
}
.content-container.textpic .textpic-item .textpic-item-content .textpicimgs.three .textpicimg{
    width:100%;
}
.content-container.textpic .textpic-item .textpic-item-content .textpicimgs .textpicimg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: .625rem;
}
.options-container {
    position: fixed;
    right:1rem;
    bottom: 5.125rem;
    margin-left: 10px;
    width:2.375rem;
    display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-evenly;
	align-items: center;
	align-content: center;
    transition: all 0.5s ease-in-out;
    z-index: 1000;
}
.options-container .opt{
    position: relative;
    width: 2.375rem;
    height: 2.375rem/* 40/16 */;
    border-radius: 50% /* 10/16 */;
    color: #fff;
    text-align: center;
    cursor: pointer;
    padding: 0;
    border: none;
    background: rgba(0,0,0,0.5);
    display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
    margin-top:0.9375rem;
}
.options-container .opt .likes-count{ 
    position: absolute;
    width: 2rem;
    height: 0.875rem;
    background: #FF4692;
    border-radius: 0.4375rem;
    top: -0.4125rem;
    left:0;
    right:0;
    margin:auto;
    font-weight: 400;
    font-size: .6875rem;
    color: #FFFFFF;
    line-height: 11px;
    text-align: justify;
    font-style: normal;
    display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}

.options-container .opt button{
    border:none;
}
.options-container .opt button[class="comment-share"]{
 
    background: url("https://www.sztv.com.cn/ysz//upload/Image/mrtp/2025/07/01/9658f2a8fd234692bf38aad39e2b3ac7.png") no-repeat center center;
    background-size: contain;
    width: 1.3125rem;
    height: 1.1875rem /* 40/16 */;
}
.options-container .opt button[class="comment-likes"]{
    background: url("https://www.sztv.com.cn/ysz//upload/Image/mrtp/2025/07/01/e9b57afc732d405f9d44fd87e3dd560c.png") no-repeat center center;
    background-size: contain;
    width: 1.3125rem;
    height: 1.125rem /* 40/16 */;
    transition: button-press 0.3s ease; /* 添加过渡效果 */
}
.options-container .opt button[class="comment-likes"]:active {
     animation: button-press 0.2s ease-out forwards; /* 激活时应用动画 */
}
.options-container  .praise-animation{
    position: absolute;
    width:5.5rem;
    height:18.75rem;
    background-color: transparent;
    right:0;
    top:-17.75rem;
    opacity: 0;
    display: none;
    transition: all 0.5s ease-in-out;
}
@keyframes button-press {
     0% { transform: scale(1); }
     100% { transform: scale(0.75); } /* 模拟按下效果 */
}


.content-container .comment-submit-container.send{
    position: relative;
    width:5.625rem;
}
.content-container .comment-submit-container button[class="comment-submit"]{
    background-color: #F5F5F5;
    padding:5px 10px;
    width: 5rem;
    height: 2.5rem;
    background: linear-gradient( 85deg, #A770FF 0%, #FF4692 100%);
    border-radius: 3rem;
}
.content-container .download-container{
    position: relative;
}
.content-container .download-container p{
    position: relative;
    text-wrap: wrap; 
    text-align: center;
    font-size: 1.0625rem;
}

/*举报弹窗开始*/
.report-container{ 
    position: fixed;
    bottom: -100%;
    left: 0;
    right: 0;
    background: rgb(243, 243, 243);
    z-index: 9999;
    visibility: visible;
    box-sizing: border-box;
    width: 100%;
    min-width: 100%;
    height: 60%;
    padding: 50px 10px 10px 10px;   
    -webkit-overflow-scrolling: touch;
    border-top-left-radius: 0.625rem;
    border-top-right-radius: 0.625rem;
}
.report-container .report-title{
    position: absolute;
    top: 1rem;
    left: 1rem;
    font-size: 16px;
    font-weight: bold;
    color: rgb(51, 51, 51);
}
.report-container .sk-report{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: scroll
}
.report-container .sk-report .item {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
    align-content: stretch;
    padding: 10px 10px 10px 0;
    border-radius: 10px
}
.report-container .sk-report .item .item__text {
    width: 30%;
    background: #fff;
    border: 1px solid #e5e5e5;
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    padding: 10px;
    border-radius: 10px;
    font-size: .875rem
}
.report-container .sk-report .item .item__text.active{
    background: #333333;
    color: #fff;
    border: 1px solid #e5e5e5;
}
.report-container .sk-report .text{
    position: relative;
    display: flex;
    box-sizing: border-box;
    width: 100%;
    padding: .625rem 1rem;
    overflow: hidden;
    color: #323233;
    line-height: 1.5rem;
    background: #fff;
    border-radius: .625rem;
}
.report-container .sk-report .text .report-input {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    color: #323233;
    line-height: inherit;
    text-align: left;
    background-color: transparent;
    border: 0;
    resize: none;
    -webkit-user-select: auto;
    user-select: auto;
    font-size: .875rem;
    border-radius: .625rem;
}

.report-container .sk-report .report-submit-btn {
    border-radius: 62.4375rem;
    font-size:1.125rem;
    font-weight: bold;
    color: white; 
    background: linear-gradient( 85deg, #A770FF 0%, #FF4692 100%); 
    border-color: none; 
    width: 100%; 
    margin-top: 20px;
}
.report-container.mui-transitioning{
    bottom: 0;
    transition: bottom 0.3s ease-in-out;
}
.report-container .badge__wrapper{
    position: absolute;
    z-index: 1;
    color:#c8c9cc;
    font-size:1.375rem;
    top: 1rem;
    right: 1rem;
    width:1.375rem;
    height:1.375rem;
    background-color: aqua;
    background:url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%3E%3Cpath%20d%3D%22M590.74688%20512.128l416.448-416.64a54.592%2054.592%200%200%200%200-76.736l-2.304-2.304a54.464%2054.464%200%200%200-76.672%200l-416.512%20417.28L95.25888%2016.512a54.464%2054.464%200%200%200-76.672%200L16.21888%2018.56a53.568%2053.568%200%200%200%200%2076.8l416.576%20416.768-416.576%20416.768a54.592%2054.592%200%200%200%200%2076.736l2.304%202.24a54.464%2054.464%200%200%200%2076.672%200l416.576-416.768%20416.448%20416.768c21.248%2021.056%2055.488%2021.056%2076.736%200l2.24-2.304a54.592%2054.592%200%200%200%200-76.8l-416.576-416.64%200.064%200.064z%22%20fill%3D%22%23B6B6B7%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") no-repeat center center;
    background-size: 50% 50%;
    border-radius: 50%;
}
.mui-backdrop-action {
    position: absolute;
    z-index: 998;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: hidden;
    display: block;
    transition: background 350ms cubic-bezier(.165,.84,.44,1);
    background: rgba(0,0,0,.4);
    box-shadow: -4px 0 4px rgba(0,0,0,.5),4px 0 4px rgba(0,0,0,.5);
    -webkit-tap-highlight-color: transparent
}

.load-fullscreen-iframe-container{
    position: fixed;
    left: 0;
    bottom: -100%;;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center;
    visibility: visible;
    box-sizing: border-box;
     -webkit-overflow-scrolling: touch;
}
.load-fullscreen-iframe-container.mui-transitioning{
    bottom: 0;
    transition: bottom 0.3s ease-in-out;
}
.load-fullscreen-iframe-container .load-fullscreen-iframe{
    width: 100%;
    height: 90%;
    border: none;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #ffffff;
    position: absolute;
    z-index: 100000;
    border-top-left-radius: .625rem;
    border-top-right-radius: .625rem;
}

.load-fullscreen-iframe-container .load-fullscreen-iframe .load-fullscreen-iframe-content{
    width: 100%;
    height:100%;
    position: relative;
    background-color: transparent;
    border-top-left-radius: .625rem;
    border-top-right-radius: .625rem;
}
.load-fullscreen-iframe-container .load-fullscreen-iframe .load-fullscreen-iframe-content iframe{
    border-top-left-radius: .625rem;
    border-top-right-radius: .625rem;
}
.load-fullscreen-iframe-container .load-fullscreen-iframe .load-fullscreen-iframe-close{
    position: absolute;
    top: -2.5rem;
    right: 1rem;
    width: 2rem;
    height: 2rem;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAE90lEQVR4AeyYO6xUVRSGZ4wWPiqMBWjhI7HURNCa2wKXBBJjYWjBxMQaKy6VtDYmQGJhjDEUknjRFjoShUI7LNTCBwnRykehyfX79ux9WDP3vOacMUAyZP97rb32ev37PLhnHpo84P/WBO71BVxfgfUVGHkCK7uFdnZ29oAT4Cr4BvwE/spQ1+aePntG9l2FjyZAg0fAx2S8DT4CB8FL4GnwaIa6Nvf0uW0MOML+qDGYgMXB51TfBm+CR0Dfoa8x2+YAg4kMIkDB83Rq45vIOL5k8RZ4DTwHnshQ1+aePpirYQ6JmLMy9lWWJkDzN0h+EpTxC8pZ8MJ0Oj0MzoOvwY/gzwx1be4d1hcYYyxqGidz7rToOy1FgAI7JN4PyrCJAzS5Bb4vxi6pL9jC7wAwByKN/blGWvSZehMg8WcLCU/ZBPh1wd57aSyQyKkYVFMrbs/pvQiQ8D2ijoE0KOq4kBYrmEh2AUxDqmO5ZjDVq50ESOQb4nQI3wj6qtWY+3Su3VqjkwDR8YE9y0ldw/a/jJw7PhOxdm3NVgL5BHzNGewbY9erDp8t4PBe1q8TOJ8BjroYa1jLPJs4eQeo16KVABEnQBkXOaG6B/ZMdrCpuoby9kzQkD5CQ4lVT8g1LqbFbIo9zCxhbiRAoafwOw7K+KQoCzJecknsaqr4k9M9UUyFSFkXGWsdJ85eyt6cbCSA1+vgYeC4xsl8p7II7DYRSXhLaZtzpQltoth9nmJcsU/Iaa3yrNmDvVT7UekiUHwvF6VOUtDGYjNeCW3JPTcfT97mq/3ktHuKNQcRiH/yXp9MdleIliYSA5s39XWnjNhLNs1E2xV4cuaS5jtp7pjqSBCy7MkTkkasGXtJm2VqIxBZx2QltlbWkCh+fW6b4quMNWMv7lVoI1A53c9KG4HfQ+ONr7Hgk9Saez7ZmeYebNZdI9aMvczFtRH4LXjGZME8r9Y075tJFMdlSMSasZeSK8k2ApH1K8m7Zapr3udBEDaERKwZeyHd3dFG4MO7bpOjQd+lNjVfHAeSiDVjLyVtkm0EvsDjH+A4RJPPqywCu/8hdb4qlyFBTmsdyrXswV7ycl40EqCgl+1ScG/6o6qz+ZKDnJKdu53K3oKMtS4RZy8LLrNlI4HZ9uTTLBV+dO9VWUBpqNd7nmYiiRJbpeT0rRG/A2IPlV9RWglQ7AqO/nyCmOxjmvt2Ze0fXn7Q4zq1MU2dwLktxhrWMs82vvagXotWAjkifvv6Goynk11WIzh9c8dbMtauLdJJIJ9ATOQXU22yFRhjbj/0W0/fep0EdIKEl/WmuuCkHP7O6XI0SHYQ+JtTyXUz1yzrRtmLgNEk9Eco1QJ/afbjxYeu2JaSNL0X+OxcjYE1teL2nN6bgFEkniLjh4b36w2bAC+y12voC2zcnynNUeIu5xpl3SmXImA2CvidfE49wzeGTdyiKa/KO8hXwbPg8Qx1be552reINcZY1DTO5dxp0XdamoCJKfQu0p9byiuWZRo+F++jfQV+AH9kqGtzTx/M1TDHZs5ZGfsqgwiYnIJXgH+vSMT/sf/V3hP6GmPjR8nT+bZpyjuYQElocfAGa2+Ht5H+mvAt8mfwd4a6Nvf02WcMGNw4edMYTSBlYaKZO+ADsDGdTl9GPgMey1DXtsFan/i5SPTwsTICw1sYF7kmMO78xkevr8D4MxyX4T8AAAD//3vhIBoAAAAGSURBVAMAefngcBQ7TvcAAAAASUVORK5CYII=") no-repeat center center;
    background-size: cover;
    cursor: pointer;
}



/* 操作菜单样式 */
.action-menu {
    position: fixed;
    background: white;
    border-radius: 8px;
    padding: 8px;
    display: none;
    z-index: 1000;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    animation: fadeInScale 0.2s ease-out;
    flex-direction: row;
    align-items: center;
    gap: 0;
}

.action-menu.show {
    display: flex;
}

.action-menu::after {
    content: '';
    position: absolute;
    left: var(--arrow-position, 50%);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}

/* 箭头向下（菜单在评论上方） */
.action-menu[style*="--arrow-direction: down"]::after,
.action-menu::after {
    bottom: -6px;
    border-top: 6px solid white;
}

/* 箭头向上（菜单在评论下方） */
.action-menu[style*="--arrow-direction: up"]::after {
    top: -6px;
    bottom: auto;
    border-top: none;
    border-bottom: 6px solid white;
}

.menu-item {
    display: flex;
    align-items: center;
    padding: 10px 16px;
    color: #333;
    cursor: pointer;
    transition: background-color 0.2s ease;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    position: relative;
}

.menu-item:not(:last-child)::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 20px;
    background-color: #e0e0e0;
}

.menu-item:hover {
    background-color: #f5f5f5;
}

.menu-item:active {
    background-color: #e0e0e0;
}

/* 移动端适配 */
@media (max-width: 768px) {
    .container {
        padding: 15px;
    }
    
    .comment-item {
        padding: 12px;
    }
    
    .avatar {
        width: 35px;
        height: 35px;
        font-size: 14px;
    }
    
    .comment-content {
        font-size: 14px;
    }
    
    .action-menu {
        padding: 6px;
        flex-direction: row;
    }
    
    .menu-item {
        padding: 8px 12px;
        font-size: 13px;
    }
}

/* 长按高亮效果 */
.comment-item.long-press {
    background-color: #e3f2fd;
    border-color: #2196f3;
    transform: scale(0.98);
}

/* 禁用文本选择 */
.comment-item {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
   -webkit-touch-callout: none !important; /* 禁用系统默认菜单 */
}


@media only screen and (min-width: 600px){
    .live-panel .live-panel-inner .live-panel-container .live-panel-content .live-player{
        max-height: 27rem;
        height:27rem;
    }
    .live-panel .live-panel-inner .live-panel-container .live-panel-content .live-poster img{
        max-height: 27rem;
    }

    
}