:root{--primary-color:#14b5eb;--hover-color:#14b5eb;--background-color:#fff;--border-color:#ccc;--modal-overlay-color:rgba(0,0,0,.5);--modal-background-color:#fff;--modal-box-shadow:rgba(0,0,0,.1);--comment-background-color:#f9f9f9;--comment-border-color:#ccc;--item-background-color:#1c1b1e;--item-active-color:#59d2fa;}
.stui-login-modal,.stui-modal-overlay{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;}
.stui-login-modal{display:none;}
.stui-modal-overlay{background:var(--modal-overlay-color);}
.stui-login-content{position:absolute;left:50%;top:50%;width:400px;background:var(--modal-background-color);border-radius:5px;box-shadow:0 0 10px var(--modal-box-shadow);transform:translate(-50%,-50%);padding:20px;box-sizing:border-box;z-index:10000;}
.stui-login-title{text-align:center;margin-bottom:20px;}
.login-form{display:flex;flex-direction:column;}
.form-input,.form-submit{margin-bottom:10px;padding:10px;border-radius:5px;}
.form-input{border:1px solid var(--border-color);}
.form-submit{background-color:var(--primary-color);color:white;border:none;cursor:pointer;}
.form-submit:hover{background-color:var(--hover-color);}
.stui-login-footer{text-align:center;margin-top:20px;}
.stui-login-footer a{color:var(--primary-color);text-decoration:none;}
.stui-login-close{position:absolute;right:20px;top:20px;cursor:pointer;}
.stui-login-close i{font-size:20px;color:#ccc;}
.stui-comment{width:100%;padding:20px;box-sizing:border-box;background-color:var(--comment-background-color);border-radius:5px;}
.stui-comment__head .title{margin-bottom:20px;font-size:24px;color:#333;}
.stui-comment__textarea{width:100%;padding:10px;box-sizing:border-box;border:1px solid var(--comment-border-color);border-radius:5px;margin-bottom:20px;}
.stui-comment__btn{display:inline-block;margin-top:10px;padding:10px 20px;background-color:var(--primary-color);color:white;border:none;border-radius:5px;cursor:pointer;}
.stui-comment__btn:hover{background-color:var(--hover-color);}
.stui-comment__list-item{display:flex;margin-bottom:10px;}
.stui-comment__list-item-head img{width:50px;height:50px;border-radius:50%;margin-right:10px;}
.stui-comment__list-item-info{margin-bottom:10px;}
.stui-comment__list-item-name{font-weight:bold;}
.stui-comment__list-item-time{color:#999;}
.play-list-group,.group-list{display:flex;align-items:center;overflow-x:auto;gap:0px;margin:0;flex:1;scroll-behavior:smooth;height:30px;}
.play-list-group{margin-bottom:10px;}
.group-list::-webkit-scrollbar,.play-list-group::-webkit-scrollbar{display:none;}
.play-list-group.active{display:flex;}
.group-list-extra{position:relative;color:black;padding:5px 0;border-radius:5px;cursor:pointer;margin-left:5px;}
.extra-content{display:none;}
.extra-popover{display:grid;width:300px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px;background-color:rgba(59,59,59,1);border-radius:5px;padding:10px;color:#f1f1f1;margin-top:10px;box-shadow:0 0 10px var(--modal-box-shadow);}
@media (max-width:768px){.extra-popover{width:100%;}}.extra-item{text-align:center;cursor:pointer;padding:5px;border-radius:5px;background-color:rgba(255,255,255,0.1);font-size:12px;}
.group-list-item,.play-list-item{flex:0 0 auto;text-align:center;border-radius:5px;padding:5px 15px;white-space:nowrap;cursor:pointer;user-select:none;color:black;}
.play-list-content-item>a{display:block}
.group-list-item.active{background-color:rgba(255,255,255,0.1);color:white;}
.tab-content .group-list-item.active{background-color:#59d2fa;color:white;}
body.dark .group-list-item{color:#999;}
@media (min-width:768px){.vod-player-aside .group-list-item.active{background-color:rgba(255,255,255,0.05);color:white;}
.vod-player-aside .group-list-item{color:#999;}
.vod-player-aside .play-list-content-item{background-color:#1c1b1e;}
.vod-player-aside .play-list-content-item>a{color:#757575;}
.vod-player-aside .play-list-content-item.active>a{color:white;}
.vod-player-aside .group-list-extra{color:white;}}.play-list-content{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));grid-template-rows:repeat(auto-fill,minmax(30px,30px));gap:10px;overflow-y:scroll;}
.play-list-content::-webkit-scrollbar{display:none;}
.play-list-content::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:5px;}
@media (max-width:768px){.play-list-content{overflow-y:auto;}}.play-list-content-item{background-color:#f8f8f8;border-radius:5px;padding:5px 10px;text-align:center;display:none;white-space:nowrap;}
.play-list-content-item.active{background-color:var(--item-active-color);color:white;}
.play-list-content-item.active>a{color:white;text-decoration:none;}
.play-list-content-item.active>a{color:white;text-decoration:none;}
.play-list-content-item > a:visited{color:purple;}
body.dark .play-list-content-item{background-color:#1c1b1e;color:#999;}
body.dark .play-list-content-item.active{background-color:#59d2fa;color:white;}
body.dark .play-list-content-item.active>a{color:white;}
/** media query ：最小宽度为768px时，应用以下样式 */@media (max-width:768px){.play-list-content-item.active{background-color:white;color:white;}
.play-list-content-item.active>a{color:#14b5eb;text-decoration:none;}}.play-list-content-item.show{display:block;}
.channel-tab,.notice{display:flex;align-items:center;gap:10px;overflow-x:auto;margin:10px 0;}
.channel-tab{flex-direction:row;display:flex;overflow-x:auto;max-width:100%;}
.channel-tab>li{padding:5px 10px;cursor:pointer;color:white;white-space:nowrap;display:flex;border-radius:5px;}
.channel-tab>li.active{background-color:rgba(0,0,0,.1);color:black;}
.channel-tab>li>a{color:black;text-decoration:none;}
.channel-tab>li.active>a{color:black;}
body.dark .channel-tab>li{color:white;}
body.dark .channel-tab>li.active{background-color:#59d2fa;color:white;}
body.dark .channel-tab>li.active>a{color:white;}
body.dark .channel-tab>li>a{color:white;}
.channel-tab>li>a>span{color:white;font-size:12px;margin-left:5px;padding:0 5px;background-color:#14b5eb;border-radius:10px;}
.notice{background-color:#EBEBEB;padding:10px;border-radius:5px;margin-bottom:10px;}
.notice-title{font-size:14px;color:#333;}
.notice-content{flex:1;font-size:14px;color:#f28c8c;display:flex;flex-direction:column;animation:scroll 2s linear infinite;height:20px;position:relative;}
.notice-content p{position:absolute;width:100%;margin:0;opacity:0;transition:opacity 1s;white-space:nowrap;pointer-events:none;}
.notice-content p.active{opacity:1;pointer-events:auto;}
body.dark .notice{background-color:#3f3d42;}
body.dark .notice-title{color:white;}
body.dark .notice-content{color:#f28c8c;}
.vod-player-container{display:flex;width:100%;height:100%;align-items:stretch;}
.vod-player-main{flex:1;background-color:#f9f9f9;border-radius:5px;}
.play-content{overflow:hidden;}
.vod-player-aside{flex:0 0 300px;background-color:#333333;padding:10px;overflow:hidden;padding-top:10px;padding-bottom:10px;}
@media (max-width:768px){.vod-player-container{flex-direction:column;}
.vod-player-aside{flex:1;margin-top:10px;background-color:transparent;padding:0;}}.play-channel{display:flex;align-items:center;background-color:#555;padding:0 5px;padding-left:10px;gap:10px;}
.play-channel-title{font-size:14px;color:white;}
.play-vod-name{flex:1;color:white;font-size:14px;/**超出部分隐藏 */ overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.play-channel-items{display:flex;gap:0px;background-color:#666;border-radius:5px;overflow:hidden;margin:10px 5px;}
.play-channel-items>a{display:block;padding:5px 10px;cursor:pointer;border:none;color:white;background-color:transparent;white-space:nowrap;}
.play-channel-items>a.active{background-color:rgba(255,255,255,0.1);}
.play-channel-items>a{position:relative;padding:5px 10px;cursor:pointer;color:white;white-space:nowrap;}
/** content= 更新至data-count集 */.play-channel-items>a::after{content:attr(data-count);color:white;background-color:#14b5eb;padding:0 5px;border-radius:10px;margin-left:5px;font-size:12px;}
.play-channel-dropdown{position:relative;display:none;}
@media (max-width:768px){.play-channel-dropdown{display:block;}}.play-channel-dropdown-title{background-color:rgba(255,0,0,0.25);cursor:pointer;border-radius:5px;user-select:none;margin:10px 5px;padding:5px 10px;color:white;}
.play-channel-dropdown-items{display:none;position:absolute;background-color:#fff;min-width:160px;box-shadow:0 8px 16px rgba(0,0,0,0.2);border-radius:5px;z-index:999;overflow:hidden;right:5px;}
.play-channel-dropdown-item{color:black;padding:12px 16px;text-decoration:none;display:block;border-bottom:1px solid #f1f1f1;cursor:pointer;}
.play-channel-dropdown-item:hover{background-color:#ddd;}
.play-channel-dropdown-item.active{background-color:#14b5eb;color:white;}
.play-channel-dropdown-item:last-child{border-bottom:none;}
.play-channel-dropdown:hover .play-channel-dropdown-items{display:block;}
@media (max-width:768px){.play-channel-dropdown-items{width:100%;}}@media (max-width:768px){.play-channel-items{display:none;}}.divider{height:1px;background-color:rgba(255,255,255,0.05);margin-top:10px;margin-bottom:10px;}
.vod_pannel_head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
@media (max-width:768px){.vod_pannel_head{flex-direction:column;}}.extra-button{padding:5px 10px;}
.mac_report{padding-top:10px;}
.gbook_content{padding:10px;border-radius:5px;width:100% !important;}
.remaining-box{display:flex;align-items:center;justify-content:right;margin-bottom:10px;margin-top:5px;}
.quick_reply{display:flex;gap:10px;margin-bottom:10px;}
.quick_reply_title{font-size:14px;color:#333;}
.quick_reply_list{display:flex;gap:10px;flex-wrap:wrap;}
.quick_reply_item{padding:2px;border-radius:5px;background-color:#f8f8f8;cursor:pointer;}
.mac_pop{height:430px !important;}
.msg_code{height:40px;display:flex;align-items:center;}
.msg_code img{height:100%;cursor:pointer;margin-left:10px;margin-right:10px;}
.msg_code input{border:1px solid #ccc;border-radius:5px;padding:5px;background-color:#f8f8f8;}
.pop_close{color:#666;font-size:12px !important;}
.week{padding:0 10px;}
.week-list{display:flex;gap:10px;margin-bottom:10px;list-style:none;padding:0;background-color:#f0f0f0;padding:10px;border-radius:5px;flex-wrap:wrap;}
body.dark .week-list{background-color:#333;}
.week-list li{padding:5px 10px;border-radius:5px;cursor:pointer;white-space:nowrap;}
.week-list li.active{background-color:#14b5eb;color:white;}
@media (max-width:768px){.week{padding:0 5px;}}.snui-header{display:flex;justify-content:space-between;align-items:center;padding:10px;color:black;background-color:var(--nav-background-color);box-shadow:0 0 10px var(--shadow-color);}
.top-fixed{position:fixed;top:0;left:0;right:0;z-index:999;}
.snui-header-logo{display:flex;align-items:center;gap:10px;width:150px;height:50px;background:url(../img/logo.png) no-repeat;background-position:50% 50%;background-size:cover;}
.snui-header-container{display:flex;align-items:center;gap:10px;margin:0 auto;}
.snui-header-search-mobile{display:none;}
.snui-header-search-mobile-btn{display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;}
.snui-header-switch-mode-mobile-btn{display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;}
.snui-header-fankui-mobile-btn{display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;}
.snui-header-menu{display:flex;gap:10px;align-items:center;justify-content:space-between;flex:1;padding:0 10px;margin-left:20px;}
.snui-header-menu .snui-header-menu-nav ul{display:flex;gap:15px;list-style:none;padding:0;margin:0;font-size:18px;}
.snui-header-menu .snui-header-menu-nav li{cursor:pointer;position:relative;}
.snui-header-menu .snui-header-menu-nav li.active{color:#14b5eb;}
.snui-header-menu .snui-header-menu-nav li.active::after{content:'';position:absolute;width:16px;left:50%;transform:translateX(-50%);bottom:-10px;height:2px;background-color:#14b5eb;border-radius:5px 5px 0 0;transition:all .3s;}
.snui-header-menu .snui-header-menu-nav li.active a{color:#14b5eb;}
.snui-header-placeholder{height:100px;}
.user-panel{display:flex;align-items:center;position:relative;width:100%;}
.switch-mode{display:flex;align-items:center;gap:10px;cursor:pointer;padding:10px;}
.switch-mode svg{width:20px;height:20px;fill:var(--svg-fill-color);}
@media (max-width:768px){body.dark .switch-mode svg{fill:white !important;}}.user-wrapper{display:flex;align-items:center;cursor:pointer;padding:5px 10px;border-radius:5px;background-color:#f5f5f5;flex:1;position:relative;}
.user-wrapper::after{content:attr(data-badge);display:none;position:absolute;top:0;right:0;background-color:red;color:white;border-radius:50%;padding:2px 5px;width:20px;height:20px;font-size:10px;transform:translate(50%,-50%);align-items:center;justify-content:center;text-align:center;}
.user-wrapper[data-badge]:not([data-badge="0"])::after{display:inline-flex;}
body.dark .user-wrapper{background-color:#333;}
.user-wrapper img{width:30px;height:30px;border-radius:50%;border:0.5px solid #ccc;}
/** 当鼠标悬停在 .user-wrapper 上时，img放大，要有过渡效果 */.user-wrapper:hover img{transform:scale(1.5);transition:all .3s;}
.user-login-text{font-size:16px;font-weight:500;color:var(--text-color);margin-left:10px;}
@media (max-width:768px){.user-login-text{color:#333;}
body.dark .user-login-text{color:white;}}.user-menu{display:none;position:absolute;right:0;top:calc(100% + 10px);background-color:white;box-shadow:0 8px 16px rgba(0,0,0,0.2);border-radius:5px;z-index:999;overflow:hidden;cursor:default;width:140px;transition:all .3s;}
.user-menu ul{list-style:none;padding:0;margin:0;}
.user-menu ul li{}.user-menu ul li:hover{background-color:#f8f8f8;}
.user-menu ul li a{display:block;width:100%;text-decoration:none;color:#333;padding:7px 10px;cursor:pointer;transition:all .3s;}
@media (min-width:768px){.snui-header-container{width:750px}}@media (min-width:992px){.snui-header-container{width:920px}}@media (min-width:1200px){.snui-header-container{width:1170px}}.snui-header-menu-mobile{display:none;}
.snui-header-menu-mobile svg{fill:var(--svg-fill-color);}
.snui-header-menu-mobile-btn{display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;}
.snui-header-menu-mobile-content{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:999;}
.snui-header-menu-mobile-content .snui-header-menu-mobile-content-inner{position:absolute;left:0;top:0;width:0;height:100%;background-color:white;padding:10px;box-sizing:border-box;z-index:1000;transition:all .3s;overflow:scroll;display:flex;flex-direction:column;}
.snui-header-menu-mobile-content ul{margin-top:20px;list-style:none;padding:0;margin:0;flex:1;}
.snui-header-menu-mobile-content ul li{margin-bottom:10px;cursor:pointer;position:relative;padding:10px 15px;border-radius:5px;}
.snui-header-menu-mobile-content ul li.active{background-color:#f8f8f8;}
.snui-header-menu-mobile-content ul li a{color:black;text-decoration:none;font-size:16px;display:block;}
.snui-header-menu-mobile-content ul li.active a{color:#14b5eb;}
.snui-header-menu-desktop{display:flex;align-items:center;justify-content:space-between;flex:1;}
.snui-header-menu-extra{display:flex;align-items:center;gap:10px;}
.extra-action{display:flex;align-items:center;gap:10px;}
.extra-action ul{display:flex;gap:10px;list-style:none;padding:0;margin:0;}
.extra-action ul li{cursor:pointer;position:relative;padding:5px 10px;}
.extra-action ul li a{color:black;text-decoration:none;display:inline-block;text-align:center;}
.extra-action ul li svg{width:22px;height:22px;transition:all .3s;fill:var(--svg-fill-color);}
.search-dropdown{position:relative;display:none;position:absolute;background-color:white;min-width:260px;box-shadow:0 8px 16px rgba(0,0,0,0.2);border-radius:5px;z-index:999;overflow:hidden;right:0;top:100%;cursor:default;}
.search-dropdown form{display:flex;gap:10px;padding:10px;}
.search-dropdown form input{border:1px solid #ccc;border-radius:5px;padding:5px;background-color:#f8f8f8;flex:1;}
.search-dropdown form button{padding:5px 10px;border:none;border-radius:5px;background-color:#14b5eb;color:white;cursor:pointer;}
.search-dropdown .search-hot{padding:10px;display:flex;flex-wrap:wrap;gap:10px;}
.search-dropdown .search-hot a{padding:5px 10px;border-radius:5px;background-color:#f8f8f8;margin-right:10px;cursor:pointer;white-space:nowrap;}
.menu-dropdown{position:relative;display:none;position:absolute;background-color:white;min-width:260px;box-shadow:0 8px 16px rgba(0,0,0,0.2);border-radius:5px;z-index:999;overflow:hidden;right:0;top:100%;cursor:default;padding:10px;}
.menu-dropdown ul{list-style:none;padding:0;margin:0;}
.menu-dropdown ul li{padding:5px 10px;cursor:pointer;}
.menu-dropdown ul li:last-child{border-bottom:none;}
.menu-dropdown ul li:hover{background-color:#f8f8f8;}
.menu-dropdown ul li a{color:red;font-size:14px;font-weight:bold;text-decoration:none;display:block;white-space:nowrap;}
.history-dropdown{position:relative;display:none;position:absolute;background-color:white;min-width:420px;box-shadow:0 8px 16px rgba(0,0,0,0.2);border-radius:5px;z-index:999;overflow:hidden;right:0;top:100%;cursor:default;}
.history-dropdown-title{padding:10px;border-bottom:1px solid #f1f1f1;display:flex;justify-content:space-between;align-items:center;}
.history-dropdown-title span{font-size:14px;color:#333;}
.history-dropdown-title a{font-size:12px;color:#14b5eb !important;cursor:pointer;}
.history-dropdown-list{padding:5px;}
.history-dropdown ul{list-style:none;padding:0;margin:0;width:100%;display:block;}
.history-dropdown ul li{padding:10px;cursor:pointer;border-bottom:1px solid #f1f1f1;}
.history-dropdown ul li:last-child{border-bottom:none;}
.history-dropdown ul li:hover{background-color:#f8f8f8;}
.history-item-empty{padding:10px;text-align:center;color:#999;}
.history-dropdown ul li a{color:black;text-decoration:none;display:block;}
.history-item{display:flex;justify-content:space-between;}
.history-item-info{display:flex;flex-direction:column;gap:5px;margin-left:10px;flex:1;align-items:flex-start;justify-content:flex-start;}
.history-item-img{width:50px;height:70px;border-radius:5px;overflow:hidden;}
.history-item-img img{width:100%;height:100%;object-fit:cover;}
.history-item-title{font-size:14px;color:#000;}
.history-item-subtitle{font-size:12px;color:#666;margin-left:5px;}
.history-item-time{font-size:12px;color:#999;}
.history-item-progress{display:flex;align-items:center;gap:5px;font-size:12px;color:#666;}
.history-item-progress-bar{width:100%;height:5px;background-color:#f1f1f1;border-radius:5px;overflow:hidden;}
/**移动端样式 */@media (max-width:768px){.snui-header-menu{flex:1;justify-content:flex-end;padding:0;padding-right:10px;}
.snui-header-menu .snui-header-menu-nav ul{display:none;}
.snui-header-container{display:flex;justify-content:space-between;margin:0;width:100%;}
.snui-header-menu-mobile{display:flex;gap:20px;}
.snui-header-placeholder{height:54px;}
.snui-header-search-mobile{display:block;margin-right:10px;}
.snui-header-search-content{padding:0;margin-top:10px;margin-bottom:10px;}
.snui-header-search-content form{display:flex;gap:10px;border-radius:5px;}
.snui-header-search-content form button{padding:5px 10px;border:none;border-radius:5px;background-color:#14b5eb;color:white;cursor:pointer;white-space:nowrap;}
.snui-header-search-content form input{border:none;border-radius:5px;padding:10px;background-color:#f0f0f0;color:#333;flex:1;}
.snui-header-menu>.snui-header-menu-extra{display:none;}
.user-mobile-menu{display:flex;align-items:center;gap:10px;border-radius:5px;margin-top:10px;}
.user-mobile-menu ul{list-style:none;padding:0;margin:0;}
.user-mobile-menu ul li{cursor:pointer;position:relative;padding:10px 10px;background-color:#f8f8f8;border-radius:5px;font-size:14px;color:#666;}
.user-mobile-menu ul li a{color:#333;text-decoration:none;display:flex;align-items:center;gap:10px;}
body.dark .user-mobile-menu ul li{background-color:#333;}
body.dark .user-mobile-menu ul li a{color:white;}}.snui-login-modal{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:999;}
.snui-modal-overlay{position:fixed;left:0;top:0;width:100%;height:100%;background:var(--modal-overlay-color);z-index:1001;}
.snui-modal-content{position:absolute;left:50%;top:50%;width:450px;height:650px;background:var(--modal-background-color);border-radius:5px;box-shadow:0 0 10px var(--modal-box-shadow);transform:translate(-50%,-50%);padding:10px;box-sizing:border-box;z-index:10000;overflow:hidden;padding-bottom:20px;}
.snui-modal-header{display:flex;justify-content:space-between;align-items:center;padding:10px;}
.snui-modal-close{cursor:pointer;font-size:30px;}
.snui-modal-content iframe{width:100%;height:100%;border:none;}
@media (max-width:768px){.snui-modal-content{width:100%;height:100%;}}#comment-box{background-color:#ffffff;padding-bottom:5px;}
.reply-list{padding:20px 0;}
.reply-item{padding:0px 15px;border-bottom:0.5px solid #f8f8f8;margin-top:15px;padding-bottom:20px;}
body.dark .reply-item{border-bottom:0.5px solid rgba(0,0,0,.1);}
.reply-item:first-child{margin-top:0;}
.reply-item:last-child{border-bottom:none;}
.reply-empty{text-align:center;padding:20px 0;color:#999;}
.reply-more{margin-top:10px;font-size:12px;color:#A3A7AD;display:flex;align-items:center;cursor:pointer;}
.reply-more i{display:flex;align-items:center;margin-left:5px;}
.root-reply-container{display:flex;align-items:flex-start;}
.root-reply-avatar{margin-right:15px;}
.avatar-b{border-radius:50%;overflow:hidden;width:50px;height:50px;box-shadow:0 0 0 2px #e2e2e2;}
.avatar-img{width:100%;height:100%;object-fit:cover;}
.content-warp{flex:1;}
.reply-list .user-info{display:flex;align-items:center;margin-bottom:5px;}
.reply-list .user-name{font-weight:bold;font-size:14px;color:#333;margin-right:10px;}
body.dark .reply-list .user-name{color:#fff;}
.svg-icon{width:16px;height:16px;}
.icon{width:100%;height:100%;}
.reply-content-container{border-radius:5px;margin-bottom:10px;}
.reply-content{font-size:14px;color:#555;}
.reply-item .root-reply-container .content-warp .root-reply .reply-content-container{display:block;overflow:hidden;width:100%;line-height:1.5;}
.reply-info{display:flex;align-items:center;font-size:12px;color:#999;margin-top:5px;}
.reply-time{margin-right:15px;}
.reply-like,.reply-btn{margin-right:10px;cursor:pointer;display:flex;align-items:center;}
.reply-like:hover,.reply-btn:hover{color:#333;}
.reply-like span{margin-left:5px;font-size:12px;line-height:1;vertical-align:middle;}
.sub-reply-container{padding-left:65px;}
.sub-reply-list{margin-top:5px;}
.sub-reply-item{position:relative;padding:8px 0 8px 34px;border-radius:4px;}
.sub-reply-item .sub-user-info .sub-reply-avatar{position:absolute;left:0px;cursor:pointer;}
.sub-reply-item .sub-user-info{display:inline-flex;align-items:center;margin-right:0px;vertical-align:baseline;white-space:nowrap;}
.sub-user-info{display:flex;align-items:center;}
.sub-user-name{font-weight:bold;font-size:14px;color:#333;margin-right:5px;}
body.dark .sub-user-name{color:#fff;}
.sub-svg-icon{width:16px;height:16px;}
.sub-icon{width:100%;height:100%;}
.sub-reply-avatar{margin-right:15px;}
.sub-avatar-b{border-radius:50%;overflow:hidden;width:24px;height:24px;}
.sub-reply-content{border-radius:5px;}
.sub-reply-info{display:flex;align-items:center;font-size:12px;color:#999;margin-top:5px;}
.sub-reply-time{margin-right:15px;}
.sub-reply-like,.sub-reply-btn{margin-right:10px;cursor:pointer;display:flex;align-items:center;}
.sub-reply-liked{color:#ff6600;fill:#ff6600;}
.reply-liked{color:#ff6600;fill:#ff6600;}
.sub-reply-like:hover,.sub-reply-btn:hover{color:#333;}
.sub-reply-like span{margin-left:5px;font-size:12px;line-height:1;vertical-align:middle;}
.sub-reply-btn{cursor:pointer;}
.sub-reply-btn:hover{color:#333;}
.reply-content-container .reply-content{overflow:hidden;word-wrap:break-word;word-break:break-word;line-height:24px;vertical-align:baseline;}
.sub-reply-content .reply-content{overflow:hidden;word-wrap:break-word;word-break:break-word;line-height:1.5;vertical-align:baseline;}
.bottom-line{margin-top:10px;border-top:1px solid #f0f0f0;margin-left:65px;}
.main-reply-box{display:flex;align-items:flex-start;}
.reply-box-container{padding-left:65px;}
.reply-box{margin-top:10px;padding:0px;border-radius:4px;flex:1;}
.main-reply-box{padding:15px;}
.main-reply-box .reply-box{margin-top:0;padding:0;}
.main-reply-box .reply-box-avatar{padding:0px;margin-right:15px;}
.main-reply-box{border-bottom:1px solid #f0f0f0;}
@media (max-width:768px){.main-reply-box{border-bottom:none;padding:0;}
.main-reply-box .reply-box{padding:10px;}
.main-reply-box .reply-box-avatar{display:none;}}.reply-textarea{width:calc(100%);height:60px;border:1px solid #e2e2e2;border-radius:4px;padding:10px;resize:none;outline:none;background-color:white;color:#333;}
.reply-action{margin-top:10px;text-align:right;}
.reply-action button{padding:7px 10px;border:none;border-radius:4px;background-color:#ff6600;color:#fff;cursor:pointer;min-width:80px;}
.main-no-login{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;height:140px;font-size:16px;color:#333;background-color:#f9f9f9;margin:10px;}
.no-login-action{display:flex;gap:10px;}
.no-login-action button{padding:5px 10px;border:none;border-radius:4px;background-color:#ff6600;color:#fff;cursor:pointer;}
@media (max-width:600px){body{padding:10px;}
.root-reply-avatar .avatar-b{width:30px;height:30px;}
.root-reply-avatar{margin-bottom:10px;margin-right:10px;}
.sub-reply-container{padding-left:40px;}
.bottom-line{margin-left:0;}
.reply-box-container{padding-left:0px;}}.comment-header{display:flex;justify-content:space-between;align-items:center;padding:20px;}
.comment-title{font-size:20px;color:#333;}
@media (max-width:768px){.comment-header{padding:10px;}
.comment-title{font-size:18px;}
.reply-list{margin-top:0px;padding-top:0px;}}@font-face{font-family:'iconfont';src:url('data:font/ttf;charset=utf-8;base64,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') format('truetype');font-weight:normal;font-style:normal;font-display:swap;}
.iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.icon-taojinbi:before{content:"\e756";}
.icon-xingbie-nan:before{content:"\e628";}
.icon-xingbie-nv:before{content:"\e629";}
.icon-level-2:before{content:"\e619";}
.icon-level-4:before{content:"\e61a";}
.icon-level-5:before{content:"\e61b";}
.icon-level-1:before{content:"\e61c";}
.icon-level-3:before{content:"\e61d";}
.icon-level-6:before{content:"\e61e";}
.icon-level-7:before{content:"\e61f";}
.icon-level-8:before{content:"\e620";}
.icon-level-9:before{content:"\e621";}
.icon-level-11:before{content:"\e622";}
.icon-level-10:before{content:"\e623";}
.icon-level-13:before{content:"\e624";}
.icon-level-15:before{content:"\e625";}
.icon-level-14:before{content:"\e626";}
.icon-level-12:before{content:"\e627";}
.icon-shoucang:before{content:"\e86d";}
.icon-shoucang1:before{content:"\e86e";}
.icon-xiaoxi:before{content:"\e86f";}
.icon-xihuan:before{content:"\e870";}
.icon-xihuan1:before{content:"\e871";}
.icon-zan:before{content:"\e872";}
.icon-zan1:before{content:"\e873";}
.icon-shanchu:before{content:"\e8c2";}
.container{padding:5px;}
.tools-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:1000;justify-content:center;align-items:center;transition:all 0.3s;}
.tools-modal.show{display:block;}
.tools-modal-content{margin-top:60px;background-color:#fff;border-radius:5px;padding:10px;max-width:600px;margin-left:10px;margin-right:10px;}
body.dark .tools-modal-content{background-color:#333;}
.tools-modal-list{list-style:none;padding:0;margin:0;display:flex;}
.tools-modal-list li{padding:10px;cursor:pointer;}
.tools-modal-list li a{text-decoration:none;font-weight:bold;color:#f28c8c;}
body.dark #comment-box{background-color:#333;}
body.dark .reply-item{background-color:transparent;}
body.dark .reply-content{color:#fff;}
body.dark .reply-info{color:#999;}
body.dark .reply-like span{color:#999;}
body.dark .reply-btn{color:#999;}
body.dark .reply-like{color:#999;}
body.dark .reply-more{color:#999;}
body.dark .reply-more i{color:#999;}
body.dark .reply-content-container{background-color:#444;}
body.dark .sub-reply-item{background-color:transparent;}
body.dark .sub-reply-content{background-color:#555;}
body.dark .sub-reply-info{color:#999;}
body.dark .sub-reply-like span{color:#999;}
body.dark .sub-reply-btn{color:#999;}
body.dark .sub-reply-like{color:#999;}
body.dark .sub-reply-more{color:#999;}
body.dark .sub-reply-more i{color:#999;}
body.dark .sub-reply-content-container{background-color:#555;}
body.dark .main-reply-box{background-color:#333;border-bottom:1px solid rgba(0,0,0,.1);}
body.dark .reply-textarea{background-color:#444;color:#fff;}
body.dark .reply-action button{background-color:#ff6600;color:#fff;}
body.dark .main-no-login{background-color:#444;color:#fff;}
body.dark .no-login-action button{background-color:#ff6600;color:#fff;}
body.dark .comment-header{background-color:#333;}
body.dark .comment-title{color:#fff;}
body.dark .snui-header-menu-mobile-content-inner{background-color:#222;}
body.dark .snui-header-menu-mobile-content ul li.active{background-color:#444;}
body.dark .snui-header-menu-mobile-content ul li a{color:#fff;}
body.dark .snui-header-menu-mobile-content ul li.active a{color:red;}
body.dark .snui-header-search-content form input{background-color:#444;color:#fff;}
body.dark .snui-header-search-content form button{background-color:#444;color:#fff;}
@media (max-width:768px){body.dark .user-wrapper{background-color:transparent;}}.history-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:1000;justify-content:center;align-items:center;transition:all 0.3s;}
.history-modal.show{display:block;}
.history-modal-content{margin-top:60px;background-color:#fff;border-radius:5px;padding:20px;max-width:600px;margin-left:10px;margin-right:10px;}
.history-modal-title{font-size:14px;color:#333;margin-bottom:20px;display:flex;justify-content:space-between;}
.history-modal-list{list-style:none;padding:0;margin:0;}
.history-modal-list li{margin-bottom:10px;}
.extra-menu{background-color:#f8f8f8;padding:5px;border-radius:5px;}
body.dark .extra-menu{background-color:rgba(0,0,0,.1);padding:5px;border-radius:5px;}
.extra-menu li{list-style:none;cursor:pointer;margin-bottom:0px !important;}
.extra-menu li a{color:#666 !important;text-decoration:none;}
body.dark .extra-menu li a{color:#eee !important;}
.extra-title{font-size:14px;color:#333;margin-bottom:10px;margin-top:10px;margin-left:10px;}
body.dark .extra-title{color:#ccc;}
.search-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:1000;justify-content:center;align-items:center;transition:all 0.3s;}
.search-modal.show{display:block;}
.search-modal-content{margin-top:60px;background-color:#fff;border-radius:5px;padding:10px;max-width:600px;margin-left:10px;margin-right:10px;}
.search-modal-title{font-size:14px;color:#333;display:flex;justify-content:space-between;gap:10px;}
.search-modal-input{height:40px;border-radius:4px;padding:10px;resize:none;outline:none;background-color:#E8E8E8;color:#333;flex:1;outline:none;}
.search-modal-btn{padding:7px 10px;border:none;border-radius:4px;background-color:#ff6600;color:#fff;cursor:pointer;min-width:80px;white-space:nowrap;outline:none;}
body.dark .search-modal-content{background-color:#333;}
body.dark .search-modal-title{color:#fff;}
body.dark .search-modal-input{background-color:#444;color:#fff;}
body.dark .search-modal-btn{background-color:#ff6600 !important;color:#fff !important;}
.search-input{background-color:#f8f8f8;color:#333;}
.search-modal-hot{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;}
.search-modal-hot a{padding:5px 10px;border-radius:4px;background-color:#f8f8f8;color:#333;cursor:pointer;text-decoration:none;display:inline-block;font-size:14px;}
body.dark .search-modal-hot a{background-color:#444;color:#fff;}
.captcha-container{display:flex;align-items:center;}
.captcha-image{margin-right:10px;cursor:pointer;height:31px;}
.captcha-input{width:100px;padding:7px 5px;border:1px solid #ccc;border-radius:4px;font-size:14px;}
.reply-action{display:flex;align-items:center;gap:10px;justify-content:right;margin-bottom:20px;}