*/
@charset "utf-8";
/* all */
body, html{width:100%; height: 100%;}
body{ margin:0px 0px 0px 0px; font-family:"Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif; font-size:14px; line-height: 140%; background-color: #000; color: #fff;}
ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,tr{margin:0;padding:0; font-weight:normal}
input,select{font-size:12px;vertical-align:middle; border:none;}
ul,li{list-style-type:none;}
img{border:0 none;}
p{margin:0 0 10px;}
::-webkit-scrollbar{ width: 4px; background-color: #1c1b1e;}
::-webkit-scrollbar-thumb{background-color: #434145;}
/* container */
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
:after,:before{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.container {position: relative; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
.row{position: relative; margin-right: -15px; margin-left: -15px;}
.container:before,.container:after,.row:before,.row:after,.clearfix:before, .clearfix:after{ display: table; content: " "; clear: both;}
/* more */
h1{ font-size:22px; line-height: 28px;}
h2{ font-size:20px; line-height: 26px;}
h3{ font-size:18px; line-height: 24px;}
h4{ font-size:16px; line-height: 22px;}
h5{ font-size:14px; line-height: 20px;}
h6{ font-size:12px; line-height: 18px;}
h1,h2,h3,h4,h5,h6{ font-weight: 400; margin-top:10px; margin-bottom:10px}
a,button{ text-decoration:none; color: #fff; outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0)}
button:hover{ cursor: pointer;}
a:focus,a:hover,a:active{ text-decoration:none; color: #ff9bd0;}
.icon{ font-size: 16px; vertical-align: -1px;}
.font-16{ font-size: 16px;}
.font-14{ font-size: 14px;}
.font-12{ font-size: 12px;}
.text-red{ color: red;}
.text-center{ text-align: center;}
.text-left{ text-align: left;}
.text-right{ text-align: right;}
.pull-right{margin-top:2px; float: right !important;}
.hide{ display: none !important; }
.visible-xs{ display: none;}
.text-overflow{ width:100%; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.pic-text{display: block; width: 100%; position: absolute; bottom: 0; left: 0; padding:5px 10px; font-size: 12px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;background-repeat: no-repeat; background-image: linear-gradient(transparent,rgba(0,0,0,.5)); color: #FFFFFF;}
.pic-tag{ position: absolute; top: 0; right: 0; z-index: 99; padding: 2px 8px; font-size: 12px; border-radius: 0 0 0 8px; background-color: #FF9900; color: #FFFFFF;}
.play-bg{ display: none;/* position: fixed; z-index: 0; bottom: 0; left: 0; width: 100%; height: 150px;background:url(../images/play_bg.png) center no-repeat;*/}
.stui-pannel{ margin-bottom: 0px;}
.stui-foot{ margin-bottom: 0px;}
/* form */
input,textarea{outline: medium none; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
input.form-control,input.btn{ outline:0px; -webkit-appearance: none;}
input[type="checkbox"]{ vertical-align: -2px;}
.form-control{display:block; width:100%; height:35px; padding: 0 10px; font-size:12px; line-height: 20px; border-radius:4px; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
textarea.form-control{ height: auto;}
/* header */
.stui-header{ margin: 5px 0 4px;}
.stui-header__logo,.stui-header__menu{float:left; margin-left: 10px;}
.stui-header__logo .logo{display:block; width:150px; height:50px; background:url(../images/logo.png) no-repeat; background-position:50% 50%;background-size:cover}
.stui-header__menu{ position:relative; margin-top: 15px; margin-left:30px;}
.stui-header__menu li{ float:left; margin-right: 30px}
.stui-header__menu li a{ position: relative; font-size:18px; color: #fff;}
.stui-header__menu li a:hover,.stui-header__menu li.active a{ color: #ff9bd0;}
.stui-header__menu li.active a:before{ content:" "; position:absolute; left: 30%; bottom: -10px; width: 40%; height: 3px; background-color: #ff9bd0; border-radius: 2px;}
.stui_header__user{ float: right; margin-top: 15px; margin-right: 10px;}
.stui_header__user > li{ position: relative; float: left; padding-bottom: 10px; margin-left: 30px;}
.stui_header__user > li > a{ color: #fff;}
.stui_header__user > li > a:hover{ color: #ff9bd0;}
.stui_header__user > li > a .iconfont{ font-size: 22px;}
.stui_header__user > li > span{ font-size: 24px; color: #fff;}
/* dropdown */
.dropdown{ display: none; position: absolute; z-index: 999; top: 100%; padding: 15px; border-radius: 2px; background-color: #f5f5f5; box-shadow: 0 2px 5px rgba(0,0,0,0.2);}
.dropdown:after{ content:" "; width:10px; height:10px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); position: absolute; top: -5px; right: 15px; background-color: #f5f5f5;}
.dropdown.search { right: -10px;}
.dropdown.search .item{ position:relative; width:200px;}
.dropdown.search .item .form-control{ background-color: #fff;}
.dropdown.search .item .submit{display:block;position:absolute;top:0;right:0;width:30px;height:30px;line-height:30px;text-align:center; background: none; border: 0;cursor: pointer;}
.dropdown.search .item .submit .icon{font-size:14px;color:#fff}
.dropdown.search li{ padding: 8px 0; border-top: 1px solid #eee;}
.dropdown.search li:first-child{ border-top: 0;}
.dropdown.search li a{ display: block;}
.dropdown.search li a:hover{ color: #ff6600;}
.dropdown.search li a span{ color: #fff;}
.dropdown.type{ right: -10px; width: 240px; padding: 15px 7px 7px 15px;}
.dropdown.type li{ float: left; width: 33.333333%; padding-right: 8px; padding-bottom: 8px;}
.dropdown.type li a{ display: block; padding: 4px 0; border-radius: 2px; background-color: #fff; font-size: 12px; text-align: center;}
.dropdown.type li a:hover,.dropdown.type li.active a{ background-color: #ff6600; color: #fff;}
.dropdown.history{ right: -10px; width: 240px;}
.dropdown.history .head h5{ margin: 0; padding-bottom: 10px;}
.dropdown.history .head a{ color: red;}
.dropdown.history li a{ display: block; padding: 8px 0; border-top: 1px solid #eee; color: #333;}
.dropdown.history li a:hover{ color: #ff6600;}
.dropdown.history li a span{ color: #fff;}
/* screen */
.stui-screen{ padding: 10px;}
.stui-screen .head{ padding: 15px; border-radius: 2px; background-color: #000;}
.stui-screen .head .text,.stui-screen .head .all{ color: #fff;}
.stui-screen .head a{ color: #fff;}
.stui-screen .item{ display: block; background-color: #000;}
.stui-screen .item ul{ padding: 15px; border-top: 1px solid #eee;}
.stui-screen .item ul li{ float: left;}
.stui-screen .item ul li a{ display: inline-block; padding-left: 20px;}
.stui-screen .item ul li a,.stui-screen .item ul li span{ color: #fff;}
.stui-screen .item ul li.active a,.stui-screen .item ul li a:hover{ color: #ff9bd0;}
/* list */
.stui-vodlist__head{ margin-top: 0px; padding: 0 10px;}
.stui-vodlist__head h3,.stui-vodlist__head h3 a{ color: #fff;}
.stui-vodlist__head p{ padding-left: 20px;}
.stui-vodlist__head p a{ display: inline-block; margin-right: 20px;}
.stui-vodlist li{ float: left; padding: 10px; width: 25%;}
.stui-vodlist li.index{ width: 33.333333%;}
.stui-vodlist li.like{ width: 50%; padding: 5px;}
.stui-vodlist li.topic{ width: 25%;}
.stui-vodlist__thumb{display: block; position: relative; padding-top: 70%; background: url(../images/load.gif) no-repeat; background-position: 50% 50%; background-size: cover;}
.stui-vodlist__thumb.active{ padding-top: 60%; background: url(../images/load_w.gif) no-repeat; background-position: 50% 50%; background-size: cover;}
.stui-vodlist__thumb .play{display: none; position: absolute; top: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0,0.1) url(../images/play.png) center no-repeat;}
.stui-vodlist__thumb:hover .play{ display: block;}
.stui-vodlist__detail{ margin: 0; padding: 10px 15px; background-color: #00000000;}
.stui-vodlist__detail .title{ font-size: 14px; margin: 0; text-align: center;}
.stui-vodlist__detail .title a{ color: #fff;}
.stui-vodlist__detail .title a:hover{ color: #fff;}
.stui-vodlist__detail .text{ margin-bottom: 0; font-size: 12px; color: #fff;}
.stui-vodlist__detail.index{ padding: 5px 10px;}
.stui-vodlist__detail.index .title { margin: 10px 0; font-size: 16px; text-align: left;}
.stui-vodlist__detail.index .title .score{ font-family: Georgia,"Times New Roman",Times,serif;}
.stui-vodlist__detail.index .title .iconfont{ color: #ff6600;}
.stui-vodlist__detail.index .text{ margin-bottom: 8px; padding-left: 20px;}
/* content */
.stui-content{ padding: 10px;}
.stui-content__detail,.stui-content__thumb,.stui-content__side{display:table-cell;vertical-align:top}
.stui-content__thumb .pic{ display: block; width: 220px;}
.stui-content__thumb .pic img{ max-width: 100%;}
.stui-content__side{ width: 280px; padding: 50px 30px; text-align: center; background-color: #eee;}
.stui-content__detail{ width: 100%; padding: 20px; background-color: #fff;}
.stui-content__detail .title{margin:0 0 10px; font-size: 18px; color: #333;}
.stui-content__detail .data{margin-bottom:10px}
.stui-content__detail .desc{padding-left:42px; line-height: 25px;}
.stui-content__detail .desc .left{margin-left:-42px}
.stui-content__detail .play-btn{padding-left:42px;margin-top:20px}
.stui-content__detail .play-btn a{ display: inline-block; padding: 6px 25px; border-radius: 5px; background-color: #ff9bd0; font-size: 12px; color: #fff;}
/* player */
.stui-player{ position: relative; z-index: 2; padding: 10px;}
.stui-player__video{ background-color: #000;}
.stui-player__left{ position: relative; float: left; width: 100%;}
.stui-player__side{ position: relative; float: left; width: 25%; background-color: #333333;}
.stui-player__side .tab { padding: 15px; border-bottom: 1px solid #434145;}
.stui-player__side .tab li{ float: left; padding-right: 20px;}
.stui-player__side .tab li a{ position: relative; font-size: 16px; color: #fff;}
.stui-player__side .tab li.active a:before{ content:" "; position:absolute; left: 25%; bottom: -15px; width: 50%; height: 2px; background-color: #ff9bd0;}
.stui-player__side .tab li.active a{ color: #ff9bd0;}
.stui-player__side .item{ display: none; position: relative; padding: 15px 10px;}
.stui-player__side .item.active{ display: block;}
.stui-player__side .item .head{ position: relative; padding-bottom: 10px;}
.stui-player__side .item .head h3{ margin: 0; color: #fff;}
.stui-player__side .item .head .switch-line{ margin-top: 5px;}
.stui-player__side .item .tab-top{ display: none; position: absolute; z-index: 999; top: 100%; right: 0; padding: 10px 15px; border-radius: 2px; background-color: #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.2);}
.stui-player__side .item .tab-top:after{ content:" "; width:10px; height:10px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); position: absolute; top: -5px; right: 15px; background-color: #fff;}
.stui-player__side .item .tab-top li{ line-height: 25px; border-bottom: 1px solid #eee; text-align: center;}
.stui-player__side .item .tab-top li:last-child{ border-bottom: 0;}
.stui-player__side .item .tab-top li a{ font-size: 12px;}
.stui-player__side .item .tab-top li a:hover{ color: #ff6600;}
.stui-player__side .cont{ display: none;}
.stui-player__side .cont.active{ display: block;}
.stui-player__detail{ padding: 20px; background-color: #1c1b1e;}
.stui-player__detail .title{margin:0 0 10px; font-size: 18px; color: #fff;}
.stui-player__detail .more{ float: right; padding-top: 10px;}
.stui-player__detail .more a{ display: inline-block; padding: 6px 15px; margin-left: 10px; border-radius: 2px; background-color: #252527; color: #fff;}
.stui-player__detail .more a:hover{color: #ff9bd0;}
.stui-player__detail .data{ color: #fff;}
.stui-player__detail .data-more{ padding-top: 10px;}
/* playlist */
.stui-play__list li{ float: left; width: 33.333333%; padding: 5px;}
.stui-play__list li.down{ float: none; width: 100%;}
.stui-play__list li a{ display: block; padding: 5px; border-radius: 2px; text-align: center; background-color: #1c1b1e; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.stui-play__list li a:hover{ color: #ff9bd0;}
.stui-play__list li.active a{ background-color: #ff9bd0; color: #fff;}
.stui-content__playlist{ padding-right: 10px;}
.stui-content__playlist li{ float: left; margin-top: 10px; margin-left: 10px;}
.stui-content__playlist li a{ display: inline-block; padding: 6px 18px; background-color: #f5f5f5; color: #333; border-radius: 2px;}
.stui-content__playlist li.active a,.stui-content__playlist li a:hover{ background-color: #f5f5f5; color: #333;}
/* page */
.stui-page__item{ margin: 20px 0 20px;}
.stui-page__item li{ display: inline-block; padding: 0 5px;}
.stui-page__item li a{ display: inline-block; padding: 6px 15px; border-radius: 4px; background-color: #f5f5f5; color: #333;}
.stui-page__item li.active a,.stui-page__item li.active span{ background-color: #ff9bd0; color: #fff;}
.stui-page__item li a:hover{ color: #ff9bd0;}
.stui-page__item li.num{ display: none;}
.stui-page__all a{ position: absolute; top: 50%; margin-top: -40px; display: block; width: 80px; height: 80px; text-align: center; line-height: 80px;}
.stui-page__all a .iconfont{ font-size: 50px; color: #fff;}
.stui-page__all a:hover .iconfont{ color: #ff9bd0;}
.stui-page__all a.left{ left: 0;}
.stui-page__all a.right{ right: 0;}
/* link */
.stui-link__text{ margin: 20px 0; text-align: center;}
.stui-link__text li{ display: inline-block; margin-right: 20px; margin-bottom: 10px;}
/* embed */
.embed-responsive{position:relative;display:block;overflow:hidden;padding:0;height:0}
.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}
.embed-responsive-16by9{padding-bottom:56.25%}
.embed-responsive-4by3{padding-bottom:75%}
/* gbook */
.stui-gbook{ padding: 10px;}
.stui-gbook-form{ padding-bottom: 20px;}
.stui-gbook-form .form-control{ width: 100%; padding: 10px; border: 1px solid #333; border-radius: 4px;}
.stui-gbook-form textarea.form-control{ height: auto;}
.stui-gbook-form li{ margin-top: 15px;}
.stui-gbook-form li:first-child{ margin-top: 0;}
.stui-gbook-form li .submit{ padding: 0 25px; height: 35px; line-height: 35px; border: 0; border-radius: 4px; cursor: pointer; background-color: #ff9bd0;}
.stui-gbook__item{ padding: 10px 0; border-top: 1px dotted #333;}
.stui-gbook__item .name{ color: #fff;}
.stui-gbook__item .cont{ position: relative; margin: 10px 0; padding: 20px; border-radius: 2px; background-color: #1c1b1e;}
.stui-gbook__item .cont:before{ content:" "; width:10px; height:10px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); border-width:1px 1px 0 0; position: absolute; top:-5px; left: 10px; border-style: solid; background-color: #1c1b1e; border-color: #1c1b1e;}
.stui-gbook__item .cont p{ margin: 10px 0 0;}
@media (min-width:768px){
.container{width:750px}
}
@media (min-width:992px){
.container{width:920px}
}
@media (min-width:1200px){
.container{width:1170px}
}
@media (max-width:1200px){
.stui-page__all,.stui-content__side{ display: none;}
}
@media (max-width:1024px){
/* header */
.stui-header{ margin-top: 2px;}
.stui-header__menu{ display: none;}
/* screen */
.stui-screen .item ul{ width:100%; width:100%; white-space:nowrap; overflow-y:hidden;overflow-x:scroll; -webkit-overflow-scrolling:touch;}
.stui-screen .item ul li{ float: none; display: inline-block; margin-bottom: 0;}
.stui-screen .item ul li a{ padding-left: 10px;}
/* list */
.stui-vodlist li{ width: 25%;}
.stui-vodlist li.index{ width: 50%;}
.stui-vodlist li.topic{ width: 50%;}
/* player */
.stui-player__left{ float: none; width: 100%;}
.stui-player__side{ float: none; width: 100%; background-color: #333333;}
.stui-player__detail .more a.menu-switch{ display: none;}
.stui-player__detail .title{ margin: 0 0 5px;}
#play-box .item{ min-height: 200px;}
/* palylist */
.stui-play__list li{ width: 20%;}
}
@media (max-width:767px){
.visible-xs{ display: inline-block;}
/* more */
.stui-pannel__bd{ padding: 0 0px;}
.play-bg{ display: none;}
/* header */
.stui-header{ margin-bottom: 2px;}
.stui-header__logo .logo{width:150px;height:50px;background:url(../images/logo.png) no-repeat;background-position:50% 50%;background-size:cover}
.stui_header__user{ float: right; margin-top: 15px; margin-right: 10px;}
.stui_header__user > li{ position: relative; float: left; padding-bottom: 10px; margin-left: 15px;}
.stui_header__user > li > a .iconfont{ font-size: 22px;}
.stui_header__user > li > span{ font-size: 18px; color: #fff;}
.stui-header.play{ margin: 10px 10px 0; padding: 10px; background-color: #000;}
.stui-header.play .stui_header__user{ margin-right: 0;}
/* dropdown */
.dropdown.search,.dropdown.type{ right: -60px;}
.dropdown.search:after,.dropdown.type:after{ right: 65px;}
/* screen */
.stui-screen{ padding: 5px;}
.stui-screen .head{ padding: 10px;}
.stui-screen .head .all{ display: none;}
.stui-screen .item ul{ padding: 10px;}
/* list */
.stui-vodlist li{ padding: 5px; width: 50%;}
.stui-vodlist li.index{ width: 100%;}
.stui-vodlist li.like{ width: 33.333333%;}
.stui-vodlist__thumb.active{ padding-top: 50%;}
.stui-vodlist__detail{ padding: 5px 10px;}
.stui-vodlist__detail .title{ font-size: 12px;}
.stui-vodlist__detail.index .title{ margin-bottom: 5px;}
.stui-vodlist__head p{ display: none;}
/* content */
.stui-content{ padding: 0 5px;}
.stui-content__detail,.stui-content__thumb{display: block;}
.stui-content__thumb{ display: none;}
.stui-content__detail{ padding: 20px 10px;}
.stui-content__detail .title{ margin: 0 0 10px;}
/* player */
.stui-player{ padding: 0 5px;}
.stui-player__detail{ padding: 10px;}
.stui-player__detail .more{float: none; margin:-10px -10px 10px -10px; padding-bottom: 10px; text-align: center; background-color: #333;}
.stui-player__detail .more a{ margin-left: 0; margin-right: 10px;}
/* playlist */
.stui-play__list li{ width: 33.333333%;}
.stui-content__playlist{ padding-right: 5px;}
.stui-content__playlist li{ width: 25%; margin: 0; padding-top: 10px; padding-left: 10px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.stui-content__playlist li a{ display: block; text-align: center; padding: 6px 0;}
/* page */
.stui-page__item li{ display: block; float: left; width: 20%; margin: 0; padding: 0;}
.stui-page__item li.num{ display: block;}
/* link
.stui-link__text{ display: none;}
*/
/* gbook */
.stui-gbook{ padding: 10px;}
.stui-gbook__item .cont{ padding: 10px;}
.hidden-xs{ display: none !important;}
}
/* === Footer 留白强制压缩（放在 CSS 最末尾） === */
.stui-foot{
margin-bottom: 0 !important; /* 干掉旧的 100px 外边距 */
padding-bottom: calc(var(--foot-gap) + env(safe-area-inset-bottom,0px)) !important;
/* 仍保留一点给 iPhone 安全区；要更紧就把 --foot-gap 再调小 */
}
/* 页脚内部最后一个元素不再额外“垫高” */
.stui-foot *:last-child{ margin-bottom: 0 !important; }
/* 兜底把可能的内层卡片/容器额外间距也清掉 */
.stui-foot .container,
.stui-foot .foot-card{
margin-bottom: 0 !important;
}
/* 防止全局有给 body 加 padding-bottom 的情况 */
html, body{ padding-bottom: 0 !important; }
/* ===== VOD 卡片（封面 + 底部信息）– 深色主题友好 ===== */
:root{
--vod-radius: 12px;
--vod-border: rgba(255,255,255,.12);
--vod-surface: rgba(255,255,255,.06);
--vod-text: #fff;
--vod-text-dim: rgba(255,255,255,.8);
}
/* 卡片容器 */
.stui-vodlist__box{
position: relative;
border-radius: var(--vod-radius);
overflow: hidden;
background: var(--vod-surface);
border: 1px solid var(--vod-border);
transition: transform .15s ease, box-shadow .2s ease, border-color .2s ease;
}
.stui-vodlist__box:hover{
transform: translateY(-2px);
box-shadow: 0 10px 26px rgba(0,0,0,.28);
border-color: rgba(255,255,255,.18);
}
/* 封面（默认 16:9 占位，自适应裁切） */
.stui-vodlist__thumb{
position: relative;
display: block;
width: 100%;
padding-top: 56.25%; /* 16:9 = 9/16 */
overflow: hidden;
background: #111 center/cover no-repeat;
border-bottom: 1px solid var(--vod-border);
border-top-left-radius: var(--vod-radius);
border-top-right-radius: var(--vod-radius);
}
/* 懒加载把背景写进 style 时仍强制 cover/居中 */
.stui-vodlist__thumb[style*="background-image"]{
background-size: cover !important;
background-position: center !important;
}
/* 悬浮轻遮罩（可选） */
.stui-vodlist__thumb .play{
position:absolute; inset:0;
background: radial-gradient(ellipse at center, rgba(255,255,255,.08), rgba(0,0,0,.18));
opacity:0; transition:opacity .2s ease;
}
.stui-vodlist__box:hover .stui-vodlist__thumb .play{ opacity:1; }
/* 标题 */
.stui-vodlist__detail{ padding:10px 10px 12px; }
.stui-vodlist__detail .title{
margin:0; font-size:14px; font-weight:600; color:var(--vod-text); line-height:1.4;
}
.stui-vodlist__detail .title a{ color:inherit; text-decoration:none; }
/* 单行省略 */
.text-overflow{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
/* 底部左右信息（无胶囊背景） */
.meta-pills{
position:absolute;
left:6px; right:6px; bottom:4px;
display:flex; justify-content:space-between; align-items:center;
pointer-events:none;
}
.meta-pills .pill{
pointer-events:auto;
display:inline-flex; align-items:center; gap:6px;
padding:0 4px; margin:0; border:0; background:transparent; box-shadow:none;
color:#fff; font-size:12px; line-height:1; white-space:nowrap;
text-shadow:0 1px 2px rgba(0,0,0,.6);
}
.meta-pills .pill svg{
width:16px; height:16px; stroke:currentColor; opacity:.95;
filter: drop-shadow(0 1px 1px rgba(0,0,0,.45));
}
/* 兼容有 img 标签的皮肤：让图片铺满容器（若无 img 可忽略） */
.stui-vodlist__thumb img{
position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
}
/* 移动端自适配 */
@media (max-width: 768px){
.meta-pills{ left:6px; right:6px; bottom:2px; }
.meta-pills .pill{ font-size:11px; gap:4px; padding:0 3px; }
.meta-pills .pill svg{ width:14px; height:14px; }
.stui-vodlist__detail{ padding:8px 8px 10px; }
}
/* === 广告位：3:2（≈300x200）——仅匹配广告资源 ===
一次性匹配 /ads/ 与 sp.gif，兼容 data-original / style / data-src
不需要为 .active 重复写选择器（此处有 !important 覆盖） */
.stui-vodlist__thumb:is(
[data-original*="/ads/"],
[style*="/ads/"],
[data-src*="/ads/"],
[data-original*="sp.gif"],
[style*="sp.gif"],
[data-src*="sp.gif"]
){
padding-top: 66.6667% !important; /* 3:2 = 2/3 */
}
/* ===== 热播推荐 区头（深色主题） ===== */
.section-head{
display:flex; align-items:center; justify-content:space-between;
gap:12px;
padding:10px 12px;
border-radius:12px;
background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
border:1px solid rgba(255,255,255,.10);
box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
/* 左侧标题 */
.sec-title{
margin:0;
font-size:18px; line-height:1.25; font-weight:700;
color:#fff;
letter-spacing:.5px;
}
/* 右侧统计条 */
.sec-stats{
display:flex; align-items:center; gap:10px;
text-decoration:none; color:#fff;
font-size:13px; line-height:1;
}
/* 小分隔点 */
.sec-stats .dot{
width:6px; height:6px; border-radius:50%;
background: rgba(255,255,255,.25);
}
/* 徽章项 */
.sec-stats .stat{
display:inline-flex; align-items:center; gap:6px;
padding:6px 10px;
border-radius:999px;
background: rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.10);
box-shadow: 0 2px 10px rgba(0,0,0,.25);
white-space: nowrap;
}
/* 数字强调 */
.sec-stats .num{
font-style: normal;
font-weight: 700;
color:#ff9bd0; /* 青色高亮（黑底清晰） */
text-shadow: 0 1px 2px rgba(0,0,0,.5);
}
/* 今日更新：暖色强调 */
.sec-stats .today .num{ color:#ff6b6b; }
/* 悬浮微交互 */
.sec-stats .stat:hover{
border-color: rgba(255,255,255,.18);
transform: translateY(-1px);
transition: all .15s ease;
}
/* ===== 移动端：整体与统计徽章都居中 ===== */
@media (max-width: 768px){
.section-head{
flex-direction: column;
align-items: center; /* 横向居中 */
gap: 8px;
text-align: center; /* 文本居中 */
}
.sec-title{
width: 100%;
font-size:16px;
text-align: center;
}
.sec-stats{
width: 100%;
justify-content: center; /* 徽章组居中 */
flex-wrap: wrap;
gap: 8px;
}
}
/* 基底只放颜色+尺寸控制 */
.stui-vodlist__thumb{
position:relative;
background-color:#111;
background-position:center;
background-size:cover;
background-repeat:no-repeat;
}
/* 伪元素显示加载动图 */
.stui-vodlist__thumb::before{
content:"";
position:absolute; inset:0;
background: url(../images/load.gif) center no-repeat;
transition: opacity .2s ease;
pointer-events:none;
}
/* 一旦有行内 background-image（lazyload 已填充），淡出加载层 */
.stui-vodlist__thumb[style*="background-image"]::before{
opacity:0; visibility:hidden;
}
/* 只作用于头部，取消老栅格的 -15px 外溢，避免触发横向滚动 */
.stui-header .row{
margin-left: 0 !important;
margin-right: 0 !important;
}
/* 再稳一点：彻底禁止页面横向滚动条出现（防抖动） */
html, body{
overflow-x: hidden; /* 只隐藏横向，不影响纵向滚动 */
}
/* 滚动条占位固定在右侧，防止纵向滚动条出现/消失时的左右抖动 */
html{ scrollbar-gutter: stable; } /* 若不支持，则始终显示纵向滚动条 */
@supports not (scrollbar-gutter: stable){
html{ overflow-y: scroll; }
}
/* foot.html */
/* ===== 全局变量（方便统一调整） ===== */
:root{
/* FAB 主色 */
--pink-from: #ff47a9;
--pink-to: #ffa2de;
--pink-ring: rgba(255, 122, 196, 0.55);
--glass-top: rgba(255, 255, 255, 0.22);
--glass-bot: rgba(255, 255, 255, 0.10);
/* 页脚声明区的最大宽度 */
--foot-meta-max: 780px;
--foot-meta-pad: 16px;
--foot-meta-radius: 16px;
}
/* ===== FAB（首页 / 返回顶部）样式 - 粉色渐变 + 胶囊形 ===== */
.fab{
position: fixed;
right: max(12px, env(safe-area-inset-right));
bottom: max(16px, env(safe-area-inset-bottom));
display: flex;
flex-direction: column;
gap: 10px;
z-index: 2147483646;
pointer-events: none;
}
.fab .fab-btn{
pointer-events: auto;
height: 44px;
min-width: 56px;
padding: 0 14px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
border-radius: 9999px;
border: 1px solid rgba(255,255,255,0.18);
background: linear-gradient(180deg, var(--glass-top), var(--glass-bot));
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
box-shadow: 0 6px 18px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.35);
color: #fff;
text-decoration: none;
transition: transform .15s ease, box-shadow .15s ease, background .15s ease, opacity .2s ease, filter .15s ease;
}
.fab .fab-btn svg{ width: 20px; height: 20px; stroke: currentColor; }
@media (hover:hover){
.fab .fab-btn:hover{
transform: translateY(-2px);
box-shadow: 0 10px 24px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.45);
filter: brightness(1.02);
}
}
.fab .fab-btn:active{
transform: translateY(0);
box-shadow: 0 4px 12px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.35);
}
/* 首页主按钮：粉色渐变（不透明） */
.fab .fab-btn.home{
background: linear-gradient(180deg, var(--pink-from), var(--pink-to));
border-color: var(--pink-ring);
box-shadow: 0 10px 26px rgba(255, 80, 170, 0.35), inset 0 1px 0 rgba(255,255,255,0.45);
}
/* 返回顶部：粉色轻玻璃 */
.fab .fab-btn.to-top{
background:
linear-gradient(180deg, rgba(255, 96, 178, 0.28), rgba(255, 96, 178, 0.12)),
linear-gradient(180deg, var(--glass-top), var(--glass-bot));
border-color: var(--pink-ring);
box-shadow: 0 8px 22px rgba(255, 80, 170, 0.25), inset 0 1px 0 rgba(255,255,255,0.40);
}
/* 显隐：滚动过阈值由 JS 给 .fab 加 .show-top 才显示 */
.fab .to-top{ opacity: 0; visibility: hidden; transform: translateY(6px); }
.fab.show-top .to-top{ opacity: 1; visibility: visible; transform: translateY(0); }
@media (prefers-color-scheme: dark){
.fab .fab-btn{
border-color: rgba(255,255,255,0.18);
background: linear-gradient(180deg, rgba(40,40,40,0.65), rgba(30,30,30,0.55));
}
.fab .fab-btn.home{
background: linear-gradient(180deg, var(--pink-from), var(--pink-to));
border-color: var(--pink-ring);
}
.fab .fab-btn.to-top{
background:
linear-gradient(180deg, rgba(255, 96, 178, 0.24), rgba(255, 96, 178, 0.10)),
linear-gradient(180deg, rgba(40,40,40,0.65), rgba(30,30,30,0.55));
border-color: var(--pink-ring);
}
}
@media (max-width: 420px){
.fab{ gap: 8px; }
.fab .fab-btn{ height: 40px; min-width: 52px; padding: 0 12px; }
.fab .fab-btn svg{ width: 18px; height: 18px; }
}
@media (prefers-reduced-motion: reduce){
.fab .fab-btn{ transition: none; }
.fab .to-top, .fab.show-top .to-top{ transition: none; transform: none; }
}
/* ===== 页脚基础布局 ===== */
.stui-foot .foot-card{
padding: var(--foot-meta-pad);
border-radius: var(--foot-meta-radius);
border: 1px solid rgba(255,255,255,0.18);
background: linear-gradient(180deg, rgba(255,255,255,0.10), rgba(255,255,255,0.05));
}
/* 移动端上下; 桌面两列 */
.stui-foot .foot-grid{ display: block; }
.stui-foot .foot-col + .foot-col{ margin-top: 12px; }
@media (min-width: 992px){
.stui-foot .foot-grid{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px 32px;
align-items: start;
}
.stui-foot .foot-col + .foot-col{ margin-top: 0; }
}
/* 清理列自身边框（只保留外层） */
.stui-foot .foot-col{
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
padding: 0 !important;
}
/* 文案间距 */
.stui-foot h4{ margin: 0 0 6px; font-weight: 600; }
.stui-foot p{ margin: 0 0 8px; line-height: 1.65; }
/* ===== 页脚声明区：可调宽度容器 ===== */
.stui-foot .meta-wrap{
max-width: var(--foot-meta-max);
margin: 12px auto 0;
}
.stui-foot .meta-box{
border-radius: var(--foot-meta-radius);
border: 1px solid rgba(255,255,255,0.18);
background: linear-gradient(180deg, rgba(255,255,255,0.10), rgba(255,255,255,0.05));
padding: var(--foot-meta-pad);
}
.stui-foot .meta-row{
display: grid;
grid-template-columns: 1fr;
gap: 12px;
}
@media (min-width: 992px){
.stui-foot .meta-row{ grid-template-columns: 1fr 1fr; gap: 12px; }
.stui-foot .meta-row.meta-asym-7-5{ grid-template-columns: 7fr 5fr; }
.stui-foot .meta-row.meta-asym-6-4{ grid-template-columns: 6fr 4fr; }
}
/* ads.html */
/* 顶部广告条 */
.tp_advertising{
width:100%;
display:flex;
justify-content:space-around;
background:#ffffff;
position:relative;
box-shadow:0 0 5px rgba(0,0,0,.2);
border:0.2px solid #000;
}
/* 右下角小角标（若不显示可保留透明色） */
.tp_advertising p{
color:#00000000;
font-size:13px;
line-height:22px;
background:#6F8EC5;
position:absolute;
bottom:3px;
right:3px;
margin:3px;
padding:3px 8px;
border-top-left-radius:10px;
opacity:.3;
}
/* 图片列表 */
.list2 a{ display:block; width:100%; margin:2px 0; }
.list3 a{ display:block; width:100%; margin:1px 0; }
.list4 a{ display:block; width:100%; margin:3px 0; }
.list2 a img{ width:100%; max-width:100%; height:60px; object-fit:cover; }
.list3 a img{ width:100%; max-width:100%; height:60px; object-fit:cover; }
.list4 a img{ width:100%; max-width:100%; height:80px; object-fit:cover; }
/* 文本按钮区域 */
.div_text{
width:100%;
display:flex;
flex-wrap:wrap;
justify-content:space-around;
align-items:center;
margin-bottom:1px;
}
.div_text a{
flex:1;
height:35px;
text-align:center;
line-height:33px;
color:#fff;
font-size:14px;
text-decoration:none;
margin:0 1px;
border-radius:8px;
}
/* APP 图标宫格 */
.icon{ overflow:hidden; }
.icon ul{ padding:0; margin:0; }
.icon ul li{ float:left; width:25%; list-style:none; text-align:center; } /* 移动端默认 4 列 */
.icon ul li a{ font-size:14px; color:#fff; text-decoration:none; }
.icon ul li a:hover{ color:#fff; }
.icon ul li img{
margin:0 auto;
padding:2px;
width:70px; height:70px;
border-radius:15px;
object-fit:cover;
}
.icon ul li img:hover{ background-color:#e37189; }
/* 移动端“文字广告”块 */
@media screen and (max-width:960px){
.txtguanggao a{
width:24.3%;
float:left;
border-radius:3px;
line-height:33px;
height:33px;
text-align:center;
font-size:14px;
color:#fff;
display:inline-block;
background-color:rgb(255,153,159);
margin:1px;
transition-duration:.3s;
}
}
/* PC/平板：一行 8 个图标 */
@media (min-width:961px){
.icon ul li{ width:12.5%; } /* 8 列 */
.icon ul li img{ width:70px; height:70px; } /* 稍微缩小以更紧凑 */
}
/* 移动端：保持 4 个图标/行 */
@media (max-width:960px){
.icon ul li{ width:25%; } /* 4 列 */
.icon ul li img{ width:70px; height:70px; } /* 原尺寸 */
}
/* 仅提升横幅广告的圆角弧度 */
.div_img > a{
border-radius: 8px; /* 想更圆可改 20px / 24px */
overflow: hidden; /* 确保图片也跟着裁成圆角 */
}
/*（可选）让图片继承容器圆角；不想动可删掉 */
.div_img img{
border-radius: inherit;
}
/* top.html */
/* 顶部横幅广告 */
body
{
padding-top: 80px;
padding-bottom: 125px;
}
.mbads
{
position: fixed;
bottom: 0px;
left: 0px;
right: 0px;
text-align: center;
z-index: 9999;
}
.mbads1 img
{
width: 1170px;
height:80px;
}
.mbads1
{
/*！display: none;*/
position: fixed;
top: 0px;
left: 0px;
right: 0px;
text-align: center;
z-index: 9999;
}
@media (max-width: 720px)
{
body
{
padding-top: 80px;
padding-bottom: 0px;
}
.mbads img
{
width: 100%;
height:0px;
}
.mbads1 img
{
width: 100%;
height:80px;
}
.mbads1
{
display: block;
}
}
/* 仅提升横幅广告的圆角弧度 */
.mbads1 > a{
border-radius: 8px; /* 想更圆可改 20px / 24px */
overflow: hidden; /* 确保图片也跟着裁成圆角 */
}
/*（可选）让图片继承容器圆角；不想动可删掉 */
.mbads1 img{
border-radius: inherit;
}
/* head.html */
/* ===== 顶部：容器与行 ===== */
.stui-header.ios26{
position:sticky; top:0; z-index:999;
background:#000; border-bottom:1px solid rgba(255,255,255,.10);
}
.stui-header.ios26 .container{ padding:6px 10px; }
.stui-header.ios26 .row{ display:flex; align-items:center; flex-wrap:wrap; gap:6px 0; }
/* ===== 搜索（仅保留放大镜+内联输入） ===== */
.stui_header__user{ margin-left:auto; display:flex; align-items:center; gap:8px; }
.stui_header__user > li{ position:relative; display:flex; align-items:center; }
.stui_header__user .btn-search{
display:inline-flex; align-items:center; justify-content:center;
width:36px; height:36px; border-radius:10px;
border:1px solid rgba(255,255,255,.12);
background:#000; color:#e5e7eb; box-shadow:0 4px 12px rgba(0,0,0,.25);
}
.stui_header__user .btn-search .iconfont{ font-size:18px; line-height:1; }
.search-wrap{ display:flex; align-items:center; gap:8px; flex-shrink:1; }
.search-inline{
position:relative; overflow:hidden; display:inline-flex; align-items:center;
height:36px; border:1px solid rgba(255,255,255,.12); border-radius:10px;
background:#000; box-shadow:0 6px 14px rgba(0,0,0,.22);
width:0; opacity:0; pointer-events:none;
transition: width .25s ease, opacity .2s ease;
}
.search-inline .form-control{
width:100%; height:34px; padding:0 12px; border:0; outline:0;
background:#000; color:#e5e7eb; font-size:14px; min-width:0;
}
/* ===== 导航（基础） ===== */
.stui-header__menu{
margin-left:16px; display:flex; align-items:center; gap:4px;
}
.stui-header__menu li{ float:none; }
.stui-header__menu li a{
display:inline-flex; align-items:center; justify-content:center;
height:36px; line-height:36px; padding:0 10px;
border-radius:999px; background:#000;
border:1px solid rgba(255,255,255,.12);
color:#e5e7eb; text-decoration:none; white-space:nowrap;
box-shadow:0 6px 14px rgba(0,0,0,.22);
font-size:14px;
}
.stui-header__menu li a:hover,
.stui-header__menu li.active a{ border-color:rgba(255,255,255,.28); }
/* 兼容旧模板：清理遗留浮动 */
.stui-header__menu, .stui-header__logo, .stui_header__user{ float:none !important; }
/* ===== 自适应宽度变量 ===== */
:root{
--search-w-pc: clamp(78px, 36vw, 138px);
--search-w-m : min(78vw, 138px);
}
/* ===== 桌面端（≥1025px）：顺序与对齐、搜索展开宽度 ===== */
@media (min-width:1025px){
/* 视觉顺序：LOGO(1) → 导航(2) → 搜索(3) */
.stui-header__logo { order:1; }
.stui-header__menu { order:2; margin-left:16px; }
.stui_header__user { order:3; margin-left:auto; }
/* 搜索展开宽度 */
.search-wrap.open .search-inline{ width:var(--search-w-pc); opacity:1; pointer-events:auto; }
/* 垂直对齐微调 */
.stui-header.ios26 .row,
.stui-header__menu,
.stui_header__user{ align-items:center; }
.stui_header__user .btn-search,
.search-wrap .search-inline{ transform:translateY(4px); }
}
/* ===== 移动端（≤1024px）：导航横向滚动 + 提示箭头 + 搜索展开宽度 ===== */
@media (max-width:1024px){
.stui-header.ios26 .container{ padding-left:6px; padding-right:6px; }
/* 视觉顺序：LOGO → 搜索 → 导航（LOGO 默认在前，无需设置） */
.stui_header__user{ order:2; margin-left:auto; }
.stui-header__menu{
order:3; width:100%; margin:0; padding:0;
display:flex; align-items:center; gap:0px;
overflow-x:auto; overflow-y:hidden; white-space:nowrap; -webkit-overflow-scrolling:touch;
scrollbar-width:none;
/* 提示箭头尺寸 */
--nav-arrow-w: 0px;
--nav-arrow-gap: 8px;
position:relative;
}
.stui-header__menu::-webkit-scrollbar{ display:none; }
/* 为箭头留缓冲 */
.stui-header__menu li:first-child{ margin-left:calc(var(--nav-arrow-w) + var(--nav-arrow-gap)); }
.stui-header__menu li:last-child{ margin-right:calc(var(--nav-arrow-w) + var(--nav-arrow-gap)); }
/* 渐隐遮罩 + 大号箭头（仅提示，不拦截手势） */
.stui-header__menu::before,
.stui-header__menu::after{
content:""; position:sticky; top:0; bottom:0;
display:flex; align-items:center; justify-content:center;
width:var(--nav-arrow-w); pointer-events:none; z-index:1;
opacity:0; visibility:hidden;
}
.stui-header__menu::before{
left:0; background:linear-gradient(to right, rgba(0,0,0,.85), rgba(0,0,0,0));
}
.stui-header__menu::after{
right:0; background:linear-gradient(to left, rgba(0,0,0,.85), rgba(0,0,0,0));
}
.stui-header__menu.can-left::before,
.stui-header__menu.can-right::after{ opacity:.85; visibility:visible; }
.stui-header__menu.can-left::before{ content:"《"; color:#e5e7eb; font-size:20px; text-shadow:0 0 8px rgba(0,0,0,.6); }
.stui-header__menu.can-right::after{ content:"》"; color:#e5e7eb; font-size:20px; text-shadow:0 0 8px rgba(0,0,0,.6); }
/* 移动端搜索展开宽度 */
.search-wrap.open .search-inline{ width:var(--search-w-m); opacity:1; pointer-events:auto; }
}
/* fp.html */
@keyframes spin { from {transform:rotate(0deg);} to {transform:rotate(360deg);} }
.float-ad{
position:fixed; z-index:19999 !important;
inset:auto var(--side,2px) var(--bottom,50%) auto; /* 通过 --bottom 控制竖直位置 */
}
.float-ad.right{ right:2px; left:auto; }
.float-ad.left{ left: 2px; right:auto; }
.float-ad a{ position:relative; display:block; }
.float-ad .ad-img{
display:block; width:65px; height:65px; margin:8px;
border-radius:15px; border:2px solid #d26899;
}
/* 纯文本关闭按钮（无图片依赖） */
.float-ad .ad-close{
position:absolute; top:3px; right:3px;
width:18px; height:18px; border-radius:9999px;
display:flex; align-items:center; justify-content:center;
background:rgba(210 104 153); color:#fff;
font-size:12px; line-height:1; border:0; padding:0;
cursor:pointer; z-index:1;
}
.float-ad .ad-close:hover{ background:rgba(0,0,0,.85); }
/* ===== 布局：左徽标 + 右广告区 ===== */
.top_text{
position: relative;
display: grid;
grid-template-columns: max-content 1fr; /* 左自适应，右占满 */
align-items: center;
column-gap: 16px;
padding: 12px 14px 10px;
}
/* 底部粉红渐变横线（1px） */
.top_text::after{
content:"";
position:absolute; left:0; right:0; bottom:0;
height:1px;
background: linear-gradient(90deg, #ff9fd6 0%, #e24aa2 100%);
opacity:.95;
}
/* ===== 徽标（粉红渐变） ===== */
.top_text__badge{
background: linear-gradient(180deg, #ffb1de 0%, #e45aae 100%);
color:#343434;
border-radius:12px;
padding:6px 10px;
font-weight:600;
font-size:16px; /* PC 不显眼 */
display:inline-flex; align-items:center; justify-content:center;
gap:0; /* PC 不留空隙 */
line-height:1.1;
white-space:nowrap; /* PC 不换行 */
text-align:center;
box-shadow: 0 1px 0 rgba(255,255,255,.25) inset;
}
.top_text__badge i{ font-style:normal; display:inline; }
/* ===== 广告链接（白色） ===== */
.top_text__links{
width:100%; min-width:0;
display:grid;
text-align:center;
column-gap: clamp(16px, 4vw, 80px);
}
.top_text__links a{
color:#fff;
text-decoration:none;
font-size:18px;
line-height:1;
padding:6px 0;
transition:transform .18s ease, opacity .18s ease;
}
.top_text__links a:hover{ transform: translateY(-1px); opacity:.9; }
/* ===== PC（≥992px）：一行 8 个 + 防溢出（含图标） ===== */
@media (min-width:992px){
.top_text__links{
grid-template-columns: repeat(8, minmax(0, 1fr));
column-gap: clamp(10px, 2.5vw, 60px);
justify-items:center;
}
.top_text__links a{
display:inline-flex; align-items:center; justify-content:center;
gap:6px; padding:6px 4px;
max-width:100%; min-width:0;
white-space:nowrap; word-break:keep-all;
overflow:hidden; text-overflow:clip; /* 需要省略号可改 ellipsis */
font-size: clamp(14px, 1.05vw, 18px); /* 自适应字号，避免溢出 */
line-height:1.05;
}
.top_text__links a:nth-child(n+9){ display:none; } /* 仅取前 8 个 */
}
/* ===== 平板（769–991px）：4 列 × 2 行（共 8 个） ===== */
@media (min-width:769px) and (max-width:991px){
.top_text__links{
grid-template-columns: repeat(4, 1fr);
row-gap:12px;
}
.top_text__links a{
display:inline-flex; align-items:center; justify-content:center;
gap:6px; padding:6px 4px;
max-width:100%; min-width:0;
white-space:nowrap; word-break:keep-all;
font-size: clamp(13px, 1.8vw, 16px);
line-height:1.05;
}
.top_text__links a:nth-child(n+9){ display:none; }
}
/* ===== 手机（≤768px）：徽标竖排 + 4 列 × 2 行（共 8 个） ===== */
@media (max-width:768px){
.top_text{ padding-left:12px; padding-right:12px; column-gap:12px; }
/* 徽标：上下两行 */
.top_text__badge{
flex-direction:column; gap:4px;
white-space:normal; line-height:1.12;
font-size:15px; padding:7px 9px;
}
.top_text__badge i{ display:block; }
/* 广告：4×2，带图标也不溢出 */
.top_text__links{
grid-template-columns: repeat(4, 1fr);
column-gap:10px; row-gap:10px;
}
.top_text__links a{
display:inline-flex; align-items:center; justify-content:center;
gap:6px; padding:6px 4px;
max-width:100%; min-width:0;
white-space:nowrap; word-break:keep-all;
font-size: clamp(12px, 3.8vw, 15px); /* 按屏宽微调字号以装入格子 */
line-height:1.05;
}
.top_text__links a:nth-child(n+9){ display:none; } /* 仅取前 8 个 */
}
/* 极小屏（≤360px）微调 */
@media (max-width:360px){
.top_text__badge{ font-size:14px; }
.top_text__links a{ font-size:13.5px; }
}
/* 可选：若 a 内部用 图标文字 */
.top_text__links a .ico{ flex:0 0 auto; }
.top_text__links a .txt{ flex:1 1 auto; min-width:0; }
/* ====== 标题条（不侵入全局） ====== */
.icon .icon-notice{
position: relative;
display: flex;
align-items: center;
gap: 10px;
padding: 10px 12px 12px;
margin: 6px 0 8px;
isolation: isolate; /* 避免父级混合效果影响 */
}
/* 底部 1px 粉红渐变细线 */
.icon .icon-notice::after{
content: "";
position: absolute;
left: 0; right: 0; bottom: 0;
height: 1px;
background: linear-gradient(90deg, #ff9fd6 0%, #e24aa2 100%);
opacity: .95;
pointer-events: none;
}
/* 左侧小徽标（粉红渐变胶囊） */
.icon .in-badge{
display: inline-block;
padding: 4px 10px;
border-radius: 999px;
font-size: 12px;
font-weight: 700;
letter-spacing: .2px;
color: #2b0f1f; /* 深色字，读起来更稳 */
background: linear-gradient(180deg, #ffb1de 0%, #e45aae 100%);
box-shadow: 0 1px 0 rgba(255,255,255,.25) inset,
0 0 0 1px rgba(255,255,255,.08);
white-space: nowrap;
}
/* 右侧文本（白色，带轻微阴影，任何背景都能看见） */
.icon .in-text{
margin: 0;
color: #ffffff;
font-size: 15px;
font-weight: 600;
line-height: 1.25;
text-shadow: 0 1px 1px rgba(0,0,0,.35);
/* PC 优先单行；太窄时会自动换行（移动端更友好） */
white-space: nowrap;
}
/* ====== 响应式：小屏放开换行并略降字号 ====== */
@media (max-width: 768px){
.icon .icon-notice{ gap: 8px; padding: 8px 10px 10px; }
.icon .in-badge{ padding: 3px 8px; font-size: 11px; }
.icon .in-text{
white-space: normal; /* 允许换行，避免超出 */
font-size: 14px;
line-height: 1.3;
}
}
/* （可选）如果你坚持 PC 必须单行且过长时显示省略号，解开下面三行：
.icon .in-text{
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
*/