*/
@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:16px; line-height: 100%; background-color: #e5e7eb; 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: -10px; margin-left: -10px;}
.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: #757575; 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: #007fff;}
.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: 45px;}
.stui-foot{ margin-bottom: 100px;}
/* 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:16px; 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: #757575;}
.stui-header__menu li a:hover,.stui-header__menu li.active a{ color: #007fff;}
.stui-header__menu li.active a:before{ content:" "; position:absolute; left: 30%; bottom: -10px; width: 40%; height: 3px; background-color: #007fff; 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: #757575;}
.stui_header__user > li > a:hover{ color: #007fff;}
.stui_header__user > li > a .iconfont{ font-size: 22px;}
.stui_header__user > li > span{ font-size: 24px; color: #757575;}
/* 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:#999}
.dropdown.search li{ padding: 0px 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: #999;}
.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: #999;}
/* screen */
.stui-screen{ padding: 10px;}
.stui-screen .head{ padding: 15px; border-radius: 2px; background-color: #f5f5f5;}
.stui-screen .head .text,.stui-screen .head .all{ color: #999;}
.stui-screen .head a{ color: #999;}
.stui-screen .item{ display: block; background-color: #f5f5f5;}
.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: #999;}
.stui-screen .item ul li.active a,.stui-screen .item ul li a:hover{ color: #007fff;}
/* list */
.stui-vodlist__head{ margin-top: 0px; padding: 0 10px;}
.stui-vodlist__head h3,.stui-vodlist__head h3 a{ color: #ffffff;}
.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: #f5f5f5;}
.stui-vodlist__detail .title{ font-size: 14px; margin: 0; text-align: center;}
.stui-vodlist__detail .title a{ color: #333;}
.stui-vodlist__detail .title a:hover{ color: #007fff;}
.stui-vodlist__detail .text{ margin-bottom: 0; font-size: 12px; color: #757575;}
.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: #007fff; 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: #757575;}
.stui-player__side .tab li.active a:before{ content:" "; position:absolute; left: 25%; bottom: -15px; width: 50%; height: 2px; background-color: #007fff;}
.stui-player__side .tab li.active a{ color: #007fff;}
.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: #757575;}
.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: #999;}
.stui-player__detail .more a:hover{color: #007fff;}
.stui-player__detail .data{ color: #757575;}
.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: #007fff;}
.stui-play__list li.active a{ background-color: #007fff; 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: #007fff; color: #fff;}
.stui-page__item li a:hover{ color: #007fff;}
.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: 0px; color: #757575;}
.stui-page__all a:hover .iconfont{ color: #007fff;}
.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: #007fff;}
.stui-gbook__item{ padding: 10px 0; border-top: 1px dotted #333;}
.stui-gbook__item .name{ color: #757575;}
.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 0px;}
#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: 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: 8px; margin-right: 3px;}
.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: #757575;}
.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;}
}
/* ======================= iOS26 · 精简合并版（去重后） =======================
模块：.container / .stui-header.ios26 / .div_img .tp_advertising
.div_text（关键词） / .icon.ios26（APP 宫格）
卡片比例与底部信息条（.meta-pills 渐变）/ 页脚 / FAB / 浮漂
================================================================== */
/* ========== 1) 主题变量（系统 / 明 / 暗 统一） ========== */
:root{
/* 布局 */
--page-w:960px;
/* iOS26 玻璃基色 */
--ios26-surface: rgba(255,255,255,.78);
--ios26-surface-dark: rgba(30,41,59,.74);
--ios26-border: rgba(2,6,23,.08);
--ios26-shadow: 0 18px 40px rgba(2,6,23,.10), 0 2px 6px rgba(2,6,23,.06), inset 0 1px 0 rgba(255,255,255,.55);
--ios26-radius:18px; --ios26-gap:10px; --ios26-pill-h:36px;
/* 全局主题（默认明亮） */
--bg:#f3f4f6; --fg:#0f172a; --muted:#64748b; --link:#007fff; --border:rgba(2,6,23,.10);
--surface:rgba(255,255,255,.86); --surface-soft:rgba(255,255,255,.72);
--surface-deep:#1c1b1e; --surface-chip:#f5f5f5;
--brand:#007fff; --brand-ink:#ffffff;
/* 关键词 / APP 文本色 */
--kw-ink:#e5e7eb; --app-ink:#e5e7eb;
/* 广告参数 */
--ad-h:80px; --ad-pad-x: clamp(6px,1vw,8px); --ad-fit: contain; /* 覆盖铺满用 cover */
/* 卡片与信息条 */
--card-radius:14px;
--meta-grad: linear-gradient(to top, rgba(12,18,28,.88) 0%, rgba(12,18,28,.55) 55%, rgba(12,18,28,0) 100%);
/* FAB */
--fab-size:56px; --fab-gap:12px; --fab-pad:14px; --fab-z:1050;
/* 浮漂广告 */
--float-gap:14px; --float-top:120px; --float-w:120px; --float-h:600px;
color-scheme: light;
}
/* 页面底色与文字色 */
html, body{ background:var(--bg)!important; color:var(--fg)!important; }
/* ========== 2) 容器固定宽 ==========
注意：保留 .container 名称 */
.container{
width:min(var(--page-w),100%)!important;
max-width:var(--page-w)!important;
padding:0 12px!important;
margin:0 auto!important;
}
@media (min-width:768px),
(min-width:992px),
(min-width:1200px){ .container{ width:var(--page-w)!important; } }
/* ========== 3) 头部 iOS26 ========== */
.stui-header.ios26{
position:sticky; top:0; z-index:999;
width:100vw; margin-left:calc(50% - 50vw);
background:var(--surface-soft)!important;
-webkit-backdrop-filter:saturate(180%) blur(12px);
backdrop-filter:saturate(180%) blur(12px);
border-bottom:1px solid var(--border)!important;
margin:0; padding:0;
}
.stui-header.ios26 .container{ padding:10px 12px; }
.stui-header.ios26 .row{ display:flex!important; align-items:center!important; gap:3px; min-height:68px; }
.stui-header.ios26 .stui-header__logo,
.stui-header.ios26 .stui-header__menu,
.stui-header.ios26 .stui_header__user{ float:none!important; }
.stui-header.ios26 .stui-header__logo{ order:1; margin-left:0!important; }
.stui-header.ios26 .stui-header__logo .logo{ width:150px; height:50px; border-radius:8px; background-position:50% 50%; background-size:cover; }
.stui-header.ios26 .stui-header__menu{ order:2; margin:0 0 0 16px!important; flex:1 1 auto!important; }
.stui-header.ios26 .stui-header__menu li{ margin-right:18px; }
.stui-header.ios26 .stui-header__menu li a{ position:relative; font-size:16px; color:var(--fg); }
.stui-header.ios26 .stui-header__menu li a:hover,
.stui-header.ios26 .stui-header__menu li.active a{ color:var(--link); }
.stui-header.ios26 .stui-header__menu li.active a:before{
content:""; position:absolute; left:25%; bottom:-10px; width:50%; height:2px; background:var(--link); border-radius:2px;
}
.stui-header.ios26 .stui_header__user{ order:3; margin-left:auto!important; display:flex; align-items:center!important; gap:0!important; padding-left:18px; }
.stui-header.ios26 .stui_header__user>li{ margin-left:12px; padding-bottom:0; position:relative; }
.stui-header.ios26 .stui_header__user>li>a{
display:inline-flex; align-items:center; justify-content:center;
width:36px; height:36px; border-radius:10px;
background:var(--surface)!important; border:1px solid var(--border)!important; color:var(--fg)!important;
box-shadow:0 4px 12px rgba(2,6,23,.08);
}
@supports not ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){
.stui-header.ios26{ background:#ffffff; }
@media (prefers-color-scheme: dark){ .stui-header.ios26{ background:#111827; } }
}
@media (max-width:1024px){
.stui-header.ios26 .stui-header__menu{ display:none!important; }
.stui-header.ios26 .stui_header__user>li>a{ width:34px; height:34px; }
}
/* 头部下拉（统一质感） */
.stui-header.ios26 .dropdown{
display:none; position:absolute; z-index:1000; top:100%; right:0; left:auto;
margin-top:8px; padding:12px; border-radius:14px;
background:var(--surface)!important; -webkit-backdrop-filter:saturate(160%) blur(10px); backdrop-filter:saturate(160%) blur(10px);
box-shadow:0 18px 50px rgba(2,6,23,.14);
}
.stui-header.ios26 .dropdown:after{ display:none; }
.stui-header.ios26 .dropdown.search .item .form-control{
height:36px; border:1px solid var(--border)!important; border-radius:999px; padding:0 12px; outline:0;
background:#fff; color:#0f172a;
}
.stui-header.ios26 .dropdown.search .item .submit{ width:36px; height:36px; line-height:36px; right:3px; top:3px; border-radius:8px; color:#64748b; }
/* ========== 4) 横幅：.div_img / .tp_advertising（默认 80px） ========== */
.div_img, .tp_advertising{
max-width:var(--page-w)!important;
margin:0 auto!important;
padding:0 12px;
}
.div_img.ios26, .tp_advertising.ios26{
margin:12px auto;
padding:0 var(--ad-pad-x)!important;
border-radius:16px;
background:var(--surface)!important;
-webkit-backdrop-filter:saturate(160%) blur(12px);
backdrop-filter:saturate(160%) blur(12px);
border:0px solid var(--border)!important;
box-shadow:var(--ios26-shadow);
overflow:hidden;
display:grid; gap:8px;
}
.div_img.ios26 > a, .tp_advertising.ios26 > a{
display:block; width:100%; min-height:var(--ad-h); height:var(--ad-h); line-height:0;
}
.div_img img, .tp_advertising img{
display:block; width:100%!important; height:var(--ad-h);
object-fit:var(--ad-fit); object-position:center;
border-radius:12px; border:1px solid var(--border)!important;
box-shadow:0 6px 16px rgba(2,6,23,.10);
transition:transform .25s ease, box-shadow .25s ease;
}
.div_img.ios26 a:hover img, .tp_advertising.ios26 a:hover img{
transform:scale(1.015); box-shadow:0 12px 28px rgba(2,6,23,.14);
}
/* 可选：贴边/延申 */
.div_img.ios26.ad-bleed, .tp_advertising.ios26.ad-bleed{ padding-left:0!important; padding-right:0!important; overflow:hidden; }
.div_img.ios26.ad-bleed > a, .tp_advertising.ios26.ad-bleed > a{
width:calc(100% + 2*var(--ad-bleed,0px))!important;
margin-left:calc(-1 * var(--ad-bleed,0px))!important;
margin-right:calc(-1 * var(--ad-bleed,0px))!important;
height:var(--ad-h)!important; line-height:0;
}
.div_img.ios26.ad-bleed > a > img, .tp_advertising.ios26.ad-bleed > a > img{
width:100%!important; height:100%!important; object-fit:cover!important; object-position:center; border-radius:12px;
}
.div_img.ios26.ad-full, .tp_advertising.ios26.ad-full{ padding-left:0!important; padding-right:0!important; }
.div_img.ios26.ad-full > a, .tp_advertising.ios26.ad-full > a{ width:100%!important; margin:0!important; }
/* ========== 5) 关键词胶囊（容器 & 极简通透版） ========== */
.div_text, .div_text.ios26, .div_text ul, .div_text.ios26 ul{
display:grid!important; grid-template-columns:repeat(8, minmax(0,1fr))!important;
gap:var(--ios26-gap)!important; padding:12px!important; margin:12px auto!important;
border-radius:20px!important; background:var(--ios26-surface)!important;
-webkit-backdrop-filter:saturate(160%) blur(10px); backdrop-filter:saturate(160%) blur(10px);
border:1px solid var(--ios26-border)!important; box-shadow:var(--ios26-shadow)!important;
}
.div_text > *, .div_text ul > *{ list-style:none!important; margin:0!important; padding:0!important; }
/* 通用按钮底（不使用时被 .kwbar 里的样式覆盖） */
.div_text a, .div_text.ios26 a, .div_text.kwbar a{
display:block!important; height:var(--ios26-pill-h)!important; line-height:calc(var(--ios26-pill-h) - 2px)!important;
padding:0 12px!important; font-size:15px!important; font-weight:500!important; border-radius:999px!important;
background:var(--ios26-surface)!important; border:1px solid var(--ios26-border)!important;
box-shadow:0 4px 10px rgba(2,6,23,.06)!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important;
color:var(--kw-ink)!important;
transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease!important;
}
/* 极简通透版（关键词条） */
.div_text.kwbar{ grid-template-columns:repeat(8,minmax(0,1fr))!important; gap:10px!important; }
.div_text.kwbar a{
position:relative!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
text-align:center!important;
padding: 0 16px!important;
min-width:84px;
background: linear-gradient(180deg, rgb(206 76 55), rgb(255 0 0 / 69%)) !important;
-webkit-backdrop-filter:saturate(160%) blur(10px);
backdrop-filter:saturate(160%) blur(10px);
border: 1px solid rgb(255 0 0 / 58%) !important;
box-shadow: 0 6px 14px rgb(255 2 2 / 39%), inset 0 1px 0 rgb(184 25 25 / 35%) !important;
color:#e5e7eb;
}
.div_text.kwbar a::after{
content:""; position:absolute; inset:0; border-radius:999px; pointer-events:none;
background:radial-gradient(120% 60% at 30% 10%, rgba(255,255,255,.32) 0%, rgba(255,255,255,.14) 45%, rgba(255,255,255,0) 80%); opacity:.65; filter:blur(.3px);
}
.div_text.kwbar a:hover{ transform:translateY(-1px)!important; border-color:rgba(14,165,233,.20)!important; box-shadow:0 10px 18px rgba(2,6,23,.10), inset 0 1px 0 rgba(255,255,255,.45)!important; }
.div_text.kwbar a:active{ transform:translateY(0)!important; box-shadow:inset 0 6px 12px rgba(2,6,23,.06)!important; }
.div_text.kwbar a:focus-visible{ outline:0!important; box-shadow:0 0 0 2px rgba(14,165,233,.18) inset, 0 8px 16px rgba(2,6,23,.08)!important; border-color:rgba(14,165,233,.18)!important; }
@media (prefers-color-scheme: dark){
:root:not([data-theme]){
.div_text.kwbar a{
background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015))!important;
border-color:rgba(255,255,255,.08)!important;
box-shadow:0 10px 20px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.div_text.kwbar a::after{
background:radial-gradient(120% 60% at 30% 10%, rgba(255,255,255,.18) 0%, rgba(255,255,255,.08) 45%, rgba(255,255,255,0) 80%);
opacity:.6;
}
}
}
:root[data-theme="dark"] .div_text.kwbar a{
background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015))!important;
border-color:rgba(255,255,255,.08)!important;
box-shadow:0 10px 20px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.08)!important;
}
/* ========== 6) APP 宫格：.icon.ios26 ========== */
.icon.ios26{ background:transparent!important; border:none!important; box-shadow:none!important; padding:0!important; margin:12px 0!important; }
.icon.ios26 ul{
display:grid!important; grid-template-columns:repeat(8,minmax(0,1fr))!important; gap:18px!important;
padding:12px!important; margin:12px auto!important; border-radius:20px!important;
background:var(--ios26-surface)!important; -webkit-backdrop-filter:saturate(160%) blur(10px); backdrop-filter:saturate(160%) blur(10px);
border:1px solid var(--ios26-border)!important; box-shadow:var(--ios26-shadow)!important;
}
.icon.ios26 ul li{ list-style:none!important; margin:0!important; float:none!important; width:auto!important; }
.icon.ios26 ul li a{
display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important;
gap:0!important; text-align:center!important; padding:12px 10px!important; border-radius:18px!important;
background:var(--ios26-surface)!important; border:1px solid #000!important; color:var(--app-ink)!important;
box-shadow:0 6px 16px rgba(2,6,23,.08)!important; transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease!important;
}
.icon.ios26 ul li a:hover{ transform:translateY(-1px)!important; border-color:rgba(14,165,233,.28)!important; box-shadow:0 12px 22px rgba(2,6,23,.12)!important; }
.icon.ios26 ul li a:active{ transform:translateY(0)!important; box-shadow:0 6px 14px rgba(2,6,23,.08) inset!important; }
.icon.ios26 ul li a:focus-visible{ outline:0!important; box-shadow:0 0 0 2px rgba(14,165,233,.24) inset, 0 10px 22px rgba(2,6,23,.10)!important; border-color:rgba(14,165,233,.24)!important; }
.icon.ios26 ul li a img{
width:56px!important; height:56px!important; border-radius:14px!important; border:1px solid var(--ios26-border)!important;
box-shadow:0 6px 14px rgba(2,6,23,.10)!important; object-fit:cover!important;
}
.icon.ios26 ul li a span,
.icon.ios26 ul li a p,
.icon.ios26 ul li a em,
.icon.ios26 ul li a small{
display:block!important; font-size:13px!important; line-height:1.25!important; font-weight:500!important; color:#e5e7eb;
max-width:100%!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important;
}
@media (max-width:1024px){
.icon.ios26 ul{ grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:12px!important; padding:10px!important; }
.icon.ios26 ul li a{ padding:8px 8px!important; }
.icon.ios26 ul li a img{ width:68px!important; height:68px!important; border-radius:12px!important; }
}
/* ========== 7) 页脚卡片 ========== */
.stui-foot{ background:transparent!important; padding:24px 0 calc(24px + env(safe-area-inset-bottom)); margin:0!important; position:relative; }
.stui-foot .container{ display:block!important; }
.foot-card{
background:var(--surface)!important; -webkit-backdrop-filter:saturate(160%) blur(12px); backdrop-filter:saturate(160%) blur(12px);
border:1px solid var(--border)!important; box-shadow:0 22px 40px rgba(2,6,23,.08), 0 4px 10px rgba(2,6,23,.06), inset 0 1px 0 rgba(255,255,255,.6);
border-radius:20px; padding:24px 28px; color:#e5e7eb;
}
.foot-grid{ display:grid; grid-template-columns:1fr 320px; gap:24px 48px; align-items:start; }
.foot-card h4{ margin:0 0 8px; font-size:16px; line-height:1.4; font-weight:700; }
.foot-card p{ margin:0; font-size:14px; line-height:1.85; color:#e5e7eb; }
@media (max-width:768px){
.foot-grid{ grid-template-columns:1fr; gap:14px; }
.foot-card{ border-radius:16px; padding:16px 14px; }
.foot-card h4{ font-size:15px; }
.foot-card p{ font-size:13px; line-height:1.75; }
}
/* ========== 8) 间距收紧 & 空广告位隐藏 ========== */
.stui-pannel{ margin-bottom:20px; }
.stui-pannel:last-of-type{ margin-bottom:12px; }
.stui-foot{ padding-top:12px; }
.div_img.ios26, .tp_advertising.ios26{ margin:8px auto; }
.div_img:empty, .tp_advertising:empty{ display:none!important; }
/* ========== 9) 降低动效（系统偏好） ========== */
@media (prefers-reduced-motion: reduce){
.div_text a, .icon.ios26 ul li a, .div_img img, .tp_advertising img{ transition:none!important; }
}
/* ========== 10) 统计条（可选模块） ========== */
.ios26-stats-bar{
display:flex; align-items:center; gap:18px; padding:10px 12px; margin:10px 0 16px; border-radius:16px;
background:var(--surface); -webkit-backdrop-filter:saturate(160%) blur(10px); backdrop-filter:saturate(160%) blur(10px);
border:1px solid var(--border); box-shadow:0 14px 30px rgba(2,6,23,.10), 0 2px 6px rgba(2,6,23,.06), inset 0 1px 0 rgba(255,255,255,.45);
}
.ios26-stats-bar .stat-item{ font-size:13px; color:var(--fg); white-space:nowrap; }
.stats-replay{
margin-left:auto; display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:8px;
background:linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%); border:1px solid var(--ios26-border);
box-shadow:0 6px 14px rgba(2,6,23,.08), inset 0 1px 0 rgba(255,255,255,.35); color:var(--fg); cursor:pointer;
transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.stats-replay:hover{ transform:translateY(-1px); border-color:rgba(14,165,233,.28); box-shadow:0 10px 20px rgba(2,6,23,.12), inset 0 1px 0 rgba(255,255,255,.45); }
.stats-replay:active{ transform:translateY(0); }
/* ========== 11) FAB（悬浮功能键） ========== */
.fab{
position:fixed; right:clamp(10px,2vw,18px); bottom:calc(var(--fab-pad) + env(safe-area-inset-bottom,0px));
z-index:var(--fab-z); display:flex; flex-direction:column; align-items:center; gap:var(--fab-gap); pointer-events:none;
}
.fab .fab-btn{
pointer-events:auto; width:60px; height:33px; border-radius:16px; display:grid; place-items:center;
border:1px solid var(--border); background:var(--surface);
-webkit-backdrop-filter:saturate(160%) blur(10px); backdrop-filter:saturate(160%) blur(10px);
color:var(--fg); box-shadow:0 14px 30px rgba(2,6,23,.10), 0 2px 6px rgba(2,6,23,.06), inset 0 1px 0 rgba(255,255,255,.45);
transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease, opacity .2s ease;
}
.fab .fab-btn.primary{
background: linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.06)), var(--brand);
color:var(--brand-ink); border-color:color-mix(in oklab, var(--brand) 30%, #0000);
box-shadow:0 16px 34px color-mix(in oklab, var(--brand) 22%, #0000), 0 2px 6px rgba(2,6,23,.06), inset 0 1px 0 rgba(255,255,255,.45);
}
.fab .fab-btn:hover{ transform:translateY(-2px); border-color:rgba(14,165,233,.28); box-shadow:0 18px 36px rgba(2,6,23,.12), inset 0 1px 0 rgba(255,255,255,.5); }
.fab .fab-btn:active{ transform:translateY(0); box-shadow:inset 0 6px 12px rgba(2,6,23,.06); }
.fab .fab-btn:focus-visible{ outline:none; box-shadow:0 0 0 2px rgba(14,165,233,.24) inset, 0 12px 22px rgba(2,6,23,.10); border-color:rgba(14,165,233,.24); }
.fab .fab-btn svg{ width:24px; height:24px; pointer-events:none; }
.fab .to-top{ opacity:0; transform:translateY(8px); visibility:hidden; }
.fab.show-top .to-top{ opacity:1; transform:none; visibility:visible; }
.fab.fab--row{ flex-direction:row; right:calc(var(--fab-pad) + env(safe-area-inset-right,0px)); bottom:calc(var(--fab-pad) + env(safe-area-inset-bottom,0px)); }
.fab.fab--left{ left:clamp(10px,2vw,18px); right:auto; }
/* ========== 12) 浮漂广告（左右） ========== */
.ad-float-wrap{
position:fixed; inset:var(--float-top) 0 auto 0; z-index:1040; pointer-events:none;
}
.ad-float-wrap .ad-float{
position:absolute; top:0; pointer-events:auto; display:block; width:var(--float-w); height:var(--float-h);
border-radius:14px; overflow:hidden; background:var(--surface); border:1px solid var(--border);
-webkit-backdrop-filter:saturate(160%) blur(10px); backdrop-filter:saturate(160%) blur(10px);
box-shadow:0 16px 36px rgba(2,6,23,.12), 0 2px 6px rgba(2,6,23,.06), inset 0 1px 0 rgba(255,255,255,.45);
transition: transform .14s ease, box-shadow .14s ease, opacity .2s ease;
}
.ad-float-wrap .left{
left:max(0px, calc(50vw - var(--page-w)/2 - var(--float-w) - var(--float-gap)));
}
.ad-float-wrap .right{
right:max(0px, calc(50vw - var(--page-w)/2 - var(--float-w) - var(--float-gap)));
}
.ad-float-wrap .ad-float img{ width:100%; height:100%; object-fit:cover; display:block; }
.ad-float-wrap .ad-close{
position:absolute; top:6px; right:6px; width:24px; height:24px; line-height:24px; border-radius:8px;
border:1px solid var(--border); background:var(--surface); color:var(--fg); cursor:pointer;
box-shadow:0 8px 16px rgba(2,6,23,.12), inset 0 1px 0 rgba(255,255,255,.45);
}
@media (hover:hover){ .ad-float-wrap .ad-float:hover{ transform:translateY(-2px); box-shadow:0 18px 40px rgba(2,6,23,.14), inset 0 1px 0 rgba(255,255,255,.5); } }
@media (max-width:1200px){ .ad-float-wrap{ display:none!important; } }
/* ========== 13) 卡片比例与通用细节 ========== */
/* 统一封面比例与圆角（视频缩略图 & 广告封面） */
.stui-vodlist__thumb, .ad-cover{
aspect-ratio:3/2; border-radius:var(--card-radius); overflow:hidden;
background-position:50% 50%!important; background-size:cover!important;
}
@supports not (aspect-ratio:3/2){
.stui-vodlist__thumb, .ad-cover{ height:0; padding-top:66.6667%; }
}
.stui-vodlist__thumb img, .ad-cover img{
display:block; width:100%; height:100%; object-fit:cover; border-radius:inherit;
}
/* 旧右下角文字隐藏 */
.stui-vodlist__thumb .pic-text{ display:none!important; }
/* Play 覆盖图标自适应 */
.stui-vodlist__thumb .play{ background-size:clamp(36px, 7vw, 54px) auto; }
/* ========== 14) 底部信息：一条渐变底（去胶囊） ========== */
/* 结构：.stui-vodlist__thumb 内部的 .meta-pills -> 两端 .pill 文本 */
.stui-vodlist__thumb{ position:relative; overflow:hidden; }
.meta-pills{
position:absolute; left:0; right:0; bottom:0;
display:flex; justify-content:space-between; align-items:center;
padding:10px 12px; gap:8px; z-index:2; pointer-events:none;
}
.meta-pills::before{
content:""; position:absolute; inset:0; background:var(--meta-grad);
}
.meta-pills .pill{
pointer-events:none; display:inline-flex; align-items:center; gap:6px;
padding:0; background:transparent; border:0; border-radius:0; box-shadow:none;
color:#fff; text-shadow:0 1px 2px rgba(0,0,0,.45);
font-size:clamp(12px, 1.2vw, 14px); line-height:1.1;
}
.meta-pills .pill svg{ width:1.1em; height:1.1em; flex:0 0 auto; opacity:.95; }
@media (hover:hover){
.stui-vodlist__box:hover .meta-pills::before{ filter:brightness(1.06); }
}
:root[data-theme="dark"] .meta-pills .pill{ color:#f8fafc; }
/* ========== 15) 响应式：关键词栅格调整 ========== */
@media (max-width:1024px){
.div_text, .div_text.ios26, .div_text ul, .div_text.ios26 ul{ grid-template-columns:repeat(4, minmax(0,1fr))!important; gap:8px!important; padding:10px!important; }
.div_text.kwbar{ grid-template-columns:repeat(4, minmax(0,1fr))!important; gap:8px!important; }
}
/* === Header 紧凑修复（消除上下空白、对齐图标 & 菜单） === */
/* 兼容未加 .ios26 的头部也生效 */
.stui-header{ margin:0 !important; } /* 防止旧样式的 5px/4px 外边距 */
.stui-header.ios26{
width:100% !important; /* 去掉 100vw + 负边距带来的异常 */
margin-left:0 !important;
padding:0 !important;
border-bottom:1px solid var(--border) !important;
}
.stui-header.ios26 .container{ padding:6px 12px !important; } /* 原来是 10px */
.stui-header.ios26 .row{
display:flex !important;
align-items:center !important;
min-height:56px !important; /* 原 68px -> 压缩高度 */
gap:0 !important; /* 取消额外 gap */
}
.stui-header.ios26 .stui-header__menu{ margin:0 0 0 12px !important; }
.stui-header.ios26 .stui_header__user{ padding-left:12px !important; }
.stui-header.ios26 .stui_header__user > li > a{
width:34px !important; height:34px !important; line-height:34px !important;
}
/* === 视频封面下标题：去掉底层背景（保持文字居中） === */
.stui-vodlist__detail{
background: transparent !important; /* 干掉灰底 #f5f5f5 */
border: 0 !important;
padding: 8px 2px 0 !important; /* 轻量留白 */
}
.stui-vodlist__detail .title{
margin: 6px 0 0 !important;
font-size: 14px !important;
text-align: center !important;
}
.stui-vodlist__detail .title a{
color: var(--fg) !important;
}
/* 如果列表页还有别处把 detail 强行上了背景，顺手兜底 */
.stui-vodlist__detail.index,
.stui-vodlist__detail .text{ background: transparent !important; }
/* === 防止旧的底部信息条/胶囊样式干扰渐变条 === */
/* 确保 meta-pills 只作为“渐变承托”，不会撑高卡片 */
.meta-pills{ padding:10px 12px !important; }
.meta-pills .pill{
padding:0 !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
}
/* === 横幅广告：左右向内拉伸（非等比），高度仍固定 80px === */
/* 拉伸系数（1 = 不拉伸；0.9 稍压；0.85 更明显） */
:root{ --ad-squash: 1; }
/* a 盒子还是 80px 高，你已有规则不用动 */
.div_img.ios26 > a,
.tp_advertising.ios26 > a{
width: 100% !important;
height: 80px !important;
min-height: 80px !important;
line-height: 0;
overflow: hidden;
}
/* 关键：图片横向内拉伸 + 仍占满容器宽高 */
.div_img.ios26 > a > img,
.tp_advertising.ios26 > a > img{
height: 100% !important; /* 跟随 80px 高 */
transform-origin: center center;
object-fit: fill !important; /* 允许非等比，避免裁切 */
}
/* === 右侧三按钮：在 Header 高度内垂直居中 ===================== */
/* 可选微调：整组水平/垂直微移（一般不需要，保持 0 即可） */
:root{
--actions-x: 0px; /* +右 -左 */
--actions-y: 0px; /* +下 -上（之前你设置过 -2px，这里归零居中） */
}
/* 让 .stui_header__user 这个容器“拉伸到整条 Header 的高度”，内部再居中 */
.stui-header.ios26 .row{
align-items: center !important; /* 整条行以中线对齐 */
}
.stui-header.ios26 .stui_header__user{
align-self: stretch !important; /* 高度 = Header 行高 */
display: flex !important;
align-items: center !important; /* 在自身高度里垂直居中 */
gap: var(--actions-gap, 0px) !important;
padding-left: 0 !important;
transform: translate(var(--actions-x), var(--actions-y)) !important;
}
/* 每一个 与 都用 flex 居中，去掉可能影响视觉的行高 */
.stui-header.ios26 .stui_header__user > li{
display: flex !important;
align-items: center !important;
}
.stui-header.ios26 .stui_header__user > li > a{
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: var(--actions-size, 36px) !important;
height: var(--actions-size, 36px) !important;
line-height: 1 !important; /* 防 baseline/行高影响 */
padding: 0 !important;
margin: 0 !important;
}
/* 小屏同样保持拉伸+居中 */
@media (max-width:1024px){
.stui-header.ios26 .stui_header__user{
align-self: stretch !important;
}
}
/* meta-pills 分层：子元素在上，::before 渐变在下 */
.meta-pills{ position:absolute; left:0; right:0; bottom:0; z-index:2; }
.meta-pills::before{ z-index:0; }
.meta-pills > *{ position:relative; z-index:1; }
/* 统一图标与文字风格 */
.meta-pills .pill{ color:#fff; text-shadow:0 1px 2px rgba(0,0,0,.45); }
:root[data-theme="dark"] .meta-pills .pill{ color:#f8fafc; }
.meta-pills .pill .icon{ width:1.1em; height:1.1em; flex:0 0 auto; }
/* 左右两端对齐（已有 display:flex; justify-content:space-between; 可保留） */
.meta-pills{ display:flex; justify-content:space-between; align-items:center; padding:10px 12px; }
/* 如你之前把旧右下角文字隐藏了，这里保持隐藏，避免重复 */
.stui-vodlist__thumb .pic-text{ display:none !important; }
/* 放到全局样式里 */
html, body { touch-action: manipulation; }
a, button, input, textarea { touch-action: manipulation; }
/* ===== 手机端分页 · 三段式硬覆盖 ===== */
@media (max-width:767px){
/* 有些站点还有这个大箭头层，手机上一律隐藏 */
.stui-page__all{ display:none !important; }
/* 行为：改为水平居中三件套 */
.stui-page__item{
display:flex !important;
align-items:center !important;
justify-content:center !important;
gap:12px !important;
margin:12px 0 !important;
padding:0 !important;
}
/* 清掉老的 float / 宽度规则 */
.stui-page__item li{
float:none !important;
width:auto !important;
margin:0 !important;
padding:0 !important;
display:block !important;
}
/* 只保留：上一页 | 状态(当前/总) | 下一页 */
.stui-page__item li.first,
.stui-page__item li.last,
.stui-page__item li.hidden-xs{ /* 数字列表 */
display:none !important;
}
/* 左右按钮统一尺寸（不再被文字撑开） */
.stui-page__item li.prev a,
.stui-page__item li.next a{
position:relative !important;
width:44px !important;
height:36px !important;
padding:0 !important;
border-radius:10px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
text-indent:-9999px !important; /* 隐藏文字但保留可访问性 */
overflow:hidden !important;
}
/* 画箭头（使用 currentColor，与主题色统一） */
.stui-page__item li.prev a::before,
.stui-page__item li.next a::before{
content:""; position:absolute; inset:0; margin:auto;
width:14px; height:14px;
border:2px solid currentColor;
border-top-color:transparent; border-right-color:transparent;
}
.stui-page__item li.prev a::before{ transform:rotate(225deg); }
.stui-page__item li.next a::before{ transform:rotate(45deg); }
/* 中间“当前/总”只做状态显示，不可点、文本不换行 */
.stui-page__item li.status a{
background:transparent !important;
border:0 !important;
min-width:auto !important;
height:auto !important;
padding:0 !important;
pointer-events:none !important;
color:var(--muted, #64748b) !important;
font-size:14px !important;
line-height:1 !important;
white-space:nowrap !important;
}
}
/* ===== 手机端分页 · 自适应一行对齐（首页 | ← | 3/17 | → | 尾页） ===== */
@media (max-width:767px){
/* 显示 首页/尾页；只保留当前/总 */
.stui-page__item li.first,
.stui-page__item li.last{ display:block !important; }
.stui-page__item li.hidden-xs{ display:none !important; } /* 数字列表 */
.stui-page__item li.num:not(.active){ display:none !important; } /* 非当前隐藏 */
/* 一行五栅格：文本列自适应，箭头固定 44px */
.stui-page__item{
display:grid !important;
grid-template-columns:
minmax(52px, max-content) 44px minmax(48px, max-content) 44px minmax(52px, max-content) !important;
gap:8px !important;
align-items:center !important;
justify-content:center !important;
justify-items:stretch !important;
margin:12px 0 !important;
padding:0 !important;
}
/* 清掉旧的 float/宽度影响 */
.stui-page__item li{
float:none !important; width:auto !important; margin:0 !important; padding:0 !important; display:block !important;
}
.stui-page__item li a{ box-sizing:border-box !important; white-space:nowrap !important; }
/* ——固定各项到对应列（顺序错也能摆正）—— */
.stui-page__item li.first{ grid-column:1 !important; } /* 首页 */
.stui-page__item li.prev { grid-column:2 !important; } /* ← */
.stui-page__item li.active.num,
.stui-page__item li.status{ grid-column:3 !important; } /* 3/17 */
.stui-page__item li.next { grid-column:4 !important; } /* → */
.stui-page__item li.last { grid-column:5 !important; } /* 尾页 */
/* 首页/尾页按钮外观（保留文字） */
.stui-page__item li.first a,
.stui-page__item li.last a{
display:flex !important; align-items:center !important; justify-content:center !important;
height:36px !important; padding:0 12px !important; border-radius:10px !important;
background:var(--surface,#1f2937) !important;
border:1px solid var(--border,rgba(255,255,255,.08)) !important;
color:var(--fg,#e5e7eb) !important; font-size:14px !important; line-height:36px !important;
}
/* ← / → 仍只显示箭头（沿用你 v2 的做法） */
.stui-page__item li.prev a,
.stui-page__item li.next a{
position:relative !important;
display:flex !important; align-items:center !important; justify-content:center !important;
width:44px !important; height:36px !important; padding:0 !important; border-radius:10px !important;
background:var(--surface,#1f2937) !important; border:1px solid var(--border,rgba(255,255,255,.08)) !important;
color:var(--fg,#e5e7eb) !important; font-size:0 !important; line-height:0 !important; overflow:hidden !important;
}
.stui-page__item li.prev a > *, .stui-page__item li.next a > *{ display:none !important; }
.stui-page__item li.prev a::before,
.stui-page__item li.next a::before{
content:""; position:absolute; inset:0; margin:auto; width:14px; height:14px;
border:2px solid currentColor; border-top-color:transparent; border-right-color:transparent;
}
.stui-page__item li.prev a::before{ transform:rotate(225deg); } /* ← */
.stui-page__item li.next a::before{ transform:rotate(45deg); } /* → */
/* 中间 3/17 样式 */
.stui-page__item li.active.num a,
.stui-page__item li.status a{
background:transparent !important; border:0 !important; pointer-events:none !important;
color:var(--muted,#64748b) !important; font-size:14px !important; line-height:1 !important; padding:0 4px !important;
}
/* 超窄屏再压缩一点 */
@media (max-width:360px){
.stui-page__item{ gap:6px !important; }
.stui-page__item li.first a, .stui-page__item li.last a{ padding:0 10px !important; font-size:13px !important; }
.stui-page__item li.prev a, .stui-page__item li.next a{ width:40px !important; height:34px !important; }
}
}
/* ===== 头部两行布局：1) LOGO + 输入框 2) 导航 ===== */
.stui-header.ios26 .row{
display:flex !important;
flex-wrap:wrap !important;
align-items:center !important;
gap:6px 0px !important;
}
/* LOGO 在第一行最前 */
.stui-header.ios26 .stui-header__logo{
order:1 !important;
margin:0 !important;
}
/* 搜索块放在 LOGO 右侧（仍用你原来的 .stui_header__user 里的那套表单） */
.stui-header.ios26 .stui_header__user{
order:2 !important;
display:flex !important;
align-items:center !important;
padding:0 !important;
margin:0 !important;
}
/* 导航独占第二行 */
.stui-header.ios26 .stui-header__menu{
order:3 !important;
width:100% !important;
margin-top:6px !important;
}
/* 搜索下拉改为“静态块”，不再浮层，不加底层背景 */
.stui-header.ios26 .stui_header__user .dropdown.search{
position:static !important;
display:block !important;
margin:0 !important;
padding:0 !important;
background:transparent !important;
box-shadow:none !important;
border:0 !important;
z-index:auto !important;
}
.stui-header.ios26 .dropdown.search .item{ width:min(720px,100%) !important; }
/* 输入框样式：内置放大镜图标（左内边距留位）；提交按钮隐藏 */
.stui-header.ios26 .dropdown.search .item .form-control{
height:38px !important;
padding:0 12px 0 38px !important; /* 左侧给图标让位 */
border:1px solid var(--border, rgba(2,6,23,.10)) !important;
border-radius:999px !important;
background:
url("data:image/svg+xml;utf8,")
no-repeat 12px center, #fff !important;
background-size:18px 18px, auto !important;
color:#0f172a !important;
}
.stui-header.ios26 .dropdown.search .item .submit{ display:none !important; }
/* 热门关键词：默认收起，聚焦时展示（支持 :has 的浏览器生效） */
.stui-header.ios26 .dropdown.search > ul{ display:none; }
@supports(selector(:has(*))){
.stui-header.ios26 .dropdown.search:has(input:focus) > ul{ display:block; }
}
/* 防止顶部广告把头部“压低”时显空，行高稍紧凑 */
.stui-header.ios26 .row{ min-height:56px !important; }
/* === 移动端覆盖：隐藏输入框，保留放大镜（≤1024px） === */
@media (max-width:1024px){
/* 显示放大镜 */
.stui-header.ios26 .stui_header__user > li > a.btn-search{
display:inline-flex !important;
}
/* 隐藏你静态展开的下拉搜索块 */
.stui-header.ios26 .stui_header__user .dropdown.search{
display:none !important;
}
}
/* 比例间距：LOGO ↔ 搜索输入框 */
:root{
/* 你可以改成百分比或其它比例。示例：最小 12px，常态≈3vw，最大 56px */
--logo-input-gap: clamp(118px, 3vw, 168px);
}
@media (min-width:1025px){
/* 保证第一行是 LOGO + 搜索，第二行是导航（如果你已这样排版可忽略这两行） */
.stui-header.ios26 .stui-header__logo{ order:1 !important; }
.stui-header.ios26 .stui_header__user{ order:2 !important; }
/* 关键：设置 LOGO 与搜索块之间的间距 */
.stui-header.ios26 .stui_header__user{
margin-left: var(--logo-input-gap) !important;
}
}
/* ===== 1) 导航文字：永动渐变，轻柔流动 ===== */
:root{
--nav-grad: linear-gradient(90deg,
#0ea5e9 0%,
#8b5cf6 35%,
#f43f5e 70%,
#0ea5e9 100%
);
--nav-pill-bg: var(--surface, rgba(255,255,255,.86));
--nav-pill-border: var(--border, rgba(2,6,23,.10));
}
/* 胶囊外观（保留你现有结构，增强一点细节） */
.stui-header.ios26 .stui-header__menu{
order:3 !important; width:100% !important; margin-top:6px !important;
display:flex; flex-wrap:wrap; gap:8px 10px;
}
.stui-header.ios26 .stui-header__menu li{ float:none !important; }
.stui-header.ios26 .stui-header__menu li a{
display:inline-flex; align-items:center; justify-content:center;
padding:8px 14px; border-radius:999px;
background-color:var(--nav-pill-bg);
border:1px solid var(--nav-pill-border);
box-shadow:0 6px 14px rgba(2,6,23,.08);
font-weight:600; line-height:1; text-decoration:none;
transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease, background-color .12s ease;
}
/* 文字渐变永动（轻柔） */
.stui-header.ios26 .stui-header__menu li a{
color:transparent; /* 非 webkit 浏览器也用 transparent */
-webkit-text-fill-color: transparent; /* Safari/iOS */
background-image: var(--nav-grad); /* 只给文字做渐变，不影响按钮底色 */
background-size: 280% 100%;
background-position: 0% 0%;
-webkit-background-clip: text;
background-clip: text;
animation: navFlow 14s linear infinite; /* 14s一轮，匀速、持续流动 */
}
@keyframes navFlow{
0% { background-position: 0% 0%; }
100% { background-position: 280% 0%; }
}
/* 悬停/当前：轻微抬起，边框提亮 */
.stui-header.ios26 .stui-header__menu li a:hover{
transform: translateY(-1px);
border-color: rgba(14,165,233,.28);
box-shadow: 0 12px 22px rgba(2,6,23,.12);
}
.stui-header.ios26 .stui-header__menu li.active a{
border-color: var(--link, #007fff);
box-shadow: 0 12px 24px rgba(0,127,255,.12);
}
/* 降低动效（系统偏好） */
@media (prefers-reduced-motion: reduce){
.stui-header.ios26 .stui-header__menu li a{ animation: none !important; }
}
/* ===== 移动端：LOGO 下方显示 + 横向滚动 + 固定两端箭头（滚动时淡入） ===== */
@media (max-width:1024px){
:root{ --nav-arrow-w: 0px; --nav-arrow-gap: 0px; }
.stui-header.ios26 .stui-header__menu{
/* 强制显示并放在第二行 */
display:flex !important;
order:3 !important;
width:100% !important;
margin-top:0px !important;
/* 横向滚动 & 垂直居中 */
position:relative;
align-items:center; /* 关键：让胶囊垂直居中 */
flex-wrap:nowrap; gap:0px;
overflow-x:auto; overflow-y:hidden;
white-space:nowrap; -webkit-overflow-scrolling:touch;
scrollbar-width:none;
padding-left:0; padding-right:0; /* 不用 padding 预留 */
}
.stui-header.ios26 .stui-header__menu::-webkit-scrollbar{ display:none; }
.stui-header.ios26 .stui-header__menu li{ float:none !important; }
/* 首尾留出箭头占位，防止覆盖文字 */
.stui-header.ios26 .stui-header__menu li:first-child{
margin-left: calc(var(--nav-arrow-w) + var(--nav-arrow-gap));
}
.stui-header.ios26 .stui-header__menu li:last-child{
margin-right: calc(var(--nav-arrow-w) + var(--nav-arrow-gap));
}
/* 两端箭头：固定在可视边缘，高度跟随容器，用 flex 垂直居中 */
.stui-header.ios26 .stui-header__menu::before,
.stui-header.ios26 .stui-header__menu::after{
position: sticky; /* 固定在滚动容器可视区域两端 */
top:0; bottom:0; /* 高度 = 容器高度 */
display:flex; align-items:center; justify-content:center;
width: var(--nav-arrow-w);
font-size:18px; line-height:1;
color: currentColor; opacity:0; visibility:hidden;
pointer-events:none; user-select:none;
background:none; text-shadow:none;
transition: opacity .18s ease, visibility .18s ease;
content:"";
z-index:2;
}
.stui-header.ios26 .stui-header__menu::before{ content:"《"; left: 0; }
.stui-header.ios26 .stui-header__menu::after { content:"》"; right: 0; }
/* 只有“可滚动且正在拨动”才显示（由 JS 切换类名） */
.stui-header.ios26 .stui-header__menu.scrolling.can-left::before,
.stui-header.ios26 .stui-header__menu.scrolling.can-right::after{
opacity:.55; visibility:visible;
}
/* 初次进入轻提示（可选） */
.stui-header.ios26 .stui-header__menu.hint.can-left::before,
.stui-header.ios26 .stui-header__menu.hint.can-right::after{
opacity:.35; visibility:visible;
}
}
/* === 修复：点击/划过时边框“断线”问题 === */
/* 1) 允许纵向外溢（只横向滚动就够了），并给点上下缓冲 */
.stui-header.ios26 .stui-header__menu{
overflow-y: visible !important; /* 原先 hidden 会裁掉上移 1px 的边框 */
padding-top: 2px !important; /* 顶部留 2px */
padding-bottom: 2px !important; /* 底部留 2px */
}
/* 2) 移动端禁用上移动效，避免再被裁剪（PC 仍保留轻微上移） */
@media (max-width:1024px){
.stui-header.ios26 .stui-header__menu li a,
.stui-header.ios26 .stui-header__menu li a:hover,
.stui-header.ios26 .stui-header__menu li a:active{
transform: none !important; /* 不上移，就不会“断线” */
box-shadow: 0 8px 16px rgba(2,6,23,.10) !important; /* 适当降低阴影 */
}
.stui-header.ios26 .stui-header__menu li a:focus{
outline: none !important; /* 防止焦点外框叠加错觉 */
}
}
/* 3) 箭头层别挡住边框（仅保障层级，不影响点击，因为本就 pointer-events:none） */
@media (max-width:1024px){
.stui-header.ios26 .stui-header__menu::before,
.stui-header.ios26 .stui-header__menu::after{
z-index: 1;
}
.stui-header.ios26 .stui-header__menu li a{ position: relative; z-index: 2; }
}
/* === 头部左右留白不一致 · 修复 === */
/* 统一一个可调的水平留白变量（默认 12px） */
:root{ --header-gutter-x: 8px; }
/* 1) 头部容器左右内边距统一，用变量控制 */
.stui-header.ios26 .container{
padding-left: var(--header-gutter-x) !important;
padding-right: var(--header-gutter-x) !important;
}
/* 2) 清掉 .row 的负外边距，避免把内容“顶出容器”造成视觉不齐 */
.stui-header.ios26 .row{
margin-left: 0 !important;
margin-right: 0 !important;
}
/* 3) 清掉旧模板残留的左右外边距（尤其是右侧用户区的 margin-right:10px） */
.stui-header.ios26 .stui_header__user{
margin-right: 0 !important;
}
.stui-header.ios26 .stui-header__logo,
.stui-header.ios26 .stui-header__menu{
margin-left: 0 !important;
margin-right: 0 !important;
}
/* 4) 确保头部自身不是 100vw（避免与页面滚动条宽度产生误差）*/
.stui-header.ios26{
width: 100% !important;
margin-left: 0 !important;
}
/* === 手机端导航只允许水平滑动（锁住上下） === */
@media (max-width:1024px){
.stui-header.ios26 .stui-header__menu{
/* 固定条高，避免内容高度变化引起上下抖动 */
--nav-h: 42px;
height: var(--nav-h) !important;
min-height: var(--nav-h) !important;
/* 只开水平滚动，彻底关掉垂直 */
overflow-x: auto !important;
overflow-y: hidden !important;
/* 手势层面只允许 pan-x（水平），同时允许双指缩放 */
touch-action: pan-x pinch-zoom !important;
/* 阻断 overscroll 链接，防止导航内部上下“回弹” */
overscroll-behavior: contain;
/* 移动端惯性滚动 */
-webkit-overflow-scrolling: touch;
/* 取消为“断线”修复加的上下缓冲，条高更稳定 */
padding-top: 0 !important;
padding-bottom: 0 !important;
/* 行为保持为单行胶囊 */
white-space: nowrap !important;
align-items: center !important;
}
/* 胶囊在固定条高内垂直居中，不占额外高度 */
.stui-header.ios26 .stui-header__menu li{
align-self: stretch !important;
display: flex !important;
align-items: center !important;
}
.stui-header.ios26 .stui-header__menu li a{
height: calc(var(--nav-h) - 8px) !important; /* 胶囊比条高略小，避免被裁边 */
display: inline-flex !important;
align-items: center !important;
/* 已在你之前的规则里禁用了 transform 上移，这里维持 */
transform: none !important;
}
/* 箭头本身不参与点击，也不影响边框绘制 */
.stui-header.ios26 .stui-header__menu::before,
.stui-header.ios26 .stui-header__menu::after{
pointer-events: none !important;
z-index: 1;
}
.stui-header.ios26 .stui-header__menu li a{ z-index: 2; }
}
/* PC 端：保留现在的输入框，隐藏放大镜按钮 */
@media (min-width:1025px){
.stui-header.ios26 .stui_header__user li.search-wrap{ position:relative; }
.stui-header.ios26 .stui_header__user .btn-search{ display:none !important; }
.stui-header.ios26 .stui_header__user .dropdown.search{
position:static !important; display:block !important; margin:0 !important;
background:transparent !important; box-shadow:none !important; border:0 !important; padding:0 !important;
}
.stui-header.ios26 .dropdown.search .item{ width:min(720px,100%) !important; }
}
/* 移动端：默认只显示放大镜；搜索面板移入“门户”里显示 */
@media (max-width:1024px){
/* 头部左右对称留白（可按需微调） */
.stui-header.ios26 .container{ padding-left:4px !important; padding-right:4px !important; }
/* 放大镜按钮样式 */
.stui-header.ios26 .stui_header__user .btn-search{
display:inline-flex !important; align-items:center; justify-content:center;
width:36px; height:36px; border-radius:10px;
background:var(--surface); border:1px solid var(--border); color:var(--fg);
box-shadow:0 4px 12px rgba(2,6,23,.08);
}
/* 头部里那份搜索下拉在移动端默认隐藏（展开时会被挪到门户显示） */
.stui-header.ios26 .stui_header__user .dropdown.search{ display:none !important; }
}
/* 门户里的搜索面板（移动端展开时显示在导航栏下方） */
.hdr-search-portal{ display:none; }
.hdr-search-portal.open{ display:block; }
.hdr-search-portal .dropdown.search{
position:static !important; display:block !important; margin:8px 0 0;
padding:12px; border-radius:14px;
background:var(--surface); border:1px solid var(--border); box-shadow:0 18px 50px rgba(2,6,23,.14);
}
.hdr-search-portal .dropdown.search .item{ width:100% !important; }
.hdr-search-portal .dropdown.search form{
display:grid; grid-template-columns:1fr auto auto; gap:8px; align-items:center;
}
.hdr-search-portal .dropdown.search .form-control{
grid-column:1 / -1; height:38px !important; padding:0 12px 0 38px !important;
border:1px solid var(--border) !important; border-radius:999px !important;
background:
url("data:image/svg+xml;utf8,")
no-repeat 12px center, #fff !important;
background-size:18px 18px, auto !important; color:#0f172a !important; outline:0;
}
.hdr-search-portal .dropdown.search .submit{
height:36px !important; padding:0 14px !important; border-radius:10px !important;
display:inline-flex; align-items:center; gap:6px; cursor:pointer;
border:1px solid color-mix(in oklab, var(--brand) 30%, transparent) !important;
background:linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.06)), var(--brand) !important;
color:var(--brand-ink) !important;
}
.hdr-search-portal .dropdown.search .btn-cancel{
height:36px; padding:0 12px; border-radius:10px; cursor:pointer;
border:1px solid var(--border); background:var(--surface); color:var(--fg);
}
/* 移动端导航：只允许水平滑动（防上下拨动） */
@media (max-width:1024px){
.stui-header.ios26 .stui-header__menu{
--nav-h:42px; height:var(--nav-h) !important; min-height:var(--nav-h) !important;
overflow-x:auto !important; overflow-y:hidden !important;
touch-action: pan-x pinch-zoom !important;
overscroll-behavior: contain; -webkit-overflow-scrolling: touch;
white-space:nowrap !important; align-items:center !important;
padding-top:0 !important; padding-bottom:0 !important;
}
.stui-header.ios26 .stui-header__menu li{
align-self:stretch !important; display:flex !important; align-items:center !important;
}
.stui-header.ios26 .stui-header__menu li a{
height:calc(var(--nav-h) - 8px) !important; display:inline-flex !important; align-items:center !important;
transform:none !important;
}
}
/* 头部左右统一 4px 内边距（仅移动端） */
@media (max-width:1024px){
.stui-header.ios26 .container{ padding-left:4px !important; padding-right:4px !important; }
/* 第一行：LOGO 在左，按钮区在右 */
.stui-header.ios26 .stui-header__logo{ order:1 !important; margin:0 !important; }
.stui-header.ios26 .stui_header__user{
order:2 !important;
margin-left:auto !important; /* 推到最右 */
padding:0 !important;
}
.stui-header.ios26 .stui_header__user > li{ margin-left:0 !important; } /* 去掉默认间距 */
/* 放大镜按钮尺寸 */
.stui-header.ios26 .stui_header__user .btn-search{
width:36px; height:36px; border-radius:10px;
}
}
/* 门户容器两侧也与头部保持 4px 对齐 */
.hdr-search-portal .container{ padding-left:4px !important; padding-right:4px !important; }
/* 移动端门户里的搜索表单：一行三列 */
.hdr-search-portal .dropdown.search form{
display:grid !important;
grid-template-columns: 1fr auto auto !important; /* 输入框 | 搜索 | 取消 */
gap:6px !important;
align-items:center !important;
}
/* 输入框只占第 1 列，不再跨整行 */
.hdr-search-portal .dropdown.search .form-control{
grid-column: 1 / 2 !important;
height:36px !important;
padding:0 12px 0 38px !important;
background:
url("data:image/svg+xml;utf8,")
no-repeat 12px center, #fff !important;
background-size:18px 18px, auto !important;
}
/* 把 PC 的绝对定位清掉，跟随网格不溢出 */
.hdr-search-portal .dropdown.search .submit,
.hdr-search-portal .dropdown.search .btn-cancel{
position:static !important;
height:36px !important;
padding:0 12px !important;
border-radius:10px !important;
display:inline-flex !important;
align-items:center !important;
white-space:nowrap !important;
}
/* PC 保持你原来的绝对定位不变： */
@media (min-width:1025px){
.dropdown.search .item .submit{ position:absolute !important; }
}
/* PC：隐藏头部搜索里的取消按钮 */
@media (min-width:1025px){
.stui-header.ios26 .dropdown.search .btn-cancel{
display:none !important;
}
}
/* 修复：移动端门户里的“搜索”按钮被 30px 限制 */
.hdr-search-portal .dropdown.search .submit{
position: static !important;
width: auto !important; /* ← 关键：不再是 30px */
min-width: 68px !important; /* 可按需改 60~80 */
height: 36px !important;
padding: 0 14px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
line-height: 1 !important;
white-space: nowrap !important;
text-indent: 0 !important; /* 防旧样式 */
}
/* 可选：要纯文字就保留；想带放大镜图标就删掉这一段 */
.hdr-search-portal .dropdown.search .submit .icon{
display: none !important;
}
/* 让输入框在网格里可缩小，不把按钮挤出去 */
.hdr-search-portal .dropdown.search .form-control{
min-width: 0 !important;
}
/* 列宽按内容自适应：输入框 1fr | 搜索 max-content | 取消 max-content */
.hdr-search-portal .dropdown.search form{
grid-template-columns: 1fr max-content max-content !important;
column-gap: 6px !important;
}
/* 取消按钮给个最小宽度，视觉更匀称（可调） */
.hdr-search-portal .dropdown.search .btn-cancel{
min-width: 64px !important;
}
/* 搜索 & 取消：统一按钮内文字居中 */
.hdr-search-portal .dropdown.search .submit,
.hdr-search-portal .dropdown.search .btn-cancel{
display: inline-flex !important;
align-items: center !important; /* 垂直居中 */
justify-content: center !important; /* 水平居中 */
height: 36px !important;
padding: 0 14px !important;
line-height: 1 !important;
text-align: center !important;
white-space: nowrap !important;
text-indent: 0 !important; /* 防旧规则影响 */
}
/* 建议给个最小宽度，字不会被挤 */
.hdr-search-portal .dropdown.search .submit{ min-width: 72px !important; }
.hdr-search-portal .dropdown.search .btn-cancel{ min-width: 64px !important; }
/* 如果按钮里还有放大镜图标，想要纯文字就关掉它 */
.hdr-search-portal .dropdown.search .submit .icon{ display:none !important; }
:root{ --pc-search-w: 560px; } /* 想多宽就填多少 */
@media (min-width:1025px){
.stui-header.ios26 .dropdown.search .item{
width: var(--pc-search-w) !important; /* 或者 width: min(var(--pc-search-w), 100%) */
}
}
/* === 搜索输入框内的【清空】按钮 === */
/* 包一层用于定位（JS 会自动加） */
.search-clear-wrap{
position: relative !important;
display: block !important;
}
/* 给输入框右侧留出按钮空间 */
.search-clear-wrap > .form-control{
padding-right: 40px !important;
}
/* 清空按钮：在输入框内右侧垂直居中 */
.search-clear-wrap .btn-clear{
position: absolute !important;
top: 50% !important;
right: 10px !important;
transform: translateY(-50%) !important;
width: 24px !important;
height: 24px !important;
border-radius: 6px !important;
border: 1px solid var(--border, rgba(2,6,23,.10)) !important;
background: var(--surface, #fff) !important;
color: var(--muted, #64748b) !important;
display: none !important; /* 默认不显示，输入有内容才显示 */
align-items: center !important;
justify-content: center !important;
line-height: 1 !important;
cursor: pointer !important;
z-index: 2 !important;
box-shadow: 0 4px 10px rgba(2,6,23,.06) !important;
}
/* 有内容时显示按钮（JS 会加 .has-value） */
.search-clear-wrap.has-value .btn-clear{
display: inline-flex !important;
}
/* 小交互 */
.search-clear-wrap .btn-clear:hover{
border-color: rgba(14,165,233,.28) !important;
}
/* 按钮里的 X 图标 */
.search-clear-wrap .btn-clear svg{
width: 14px !important;
height: 14px !important;
pointer-events: none !important;
}
/* 适配移动端门户里的输入格（不挤压按钮列） */
.hdr-search-portal .dropdown.search .form-control{
min-width: 0 !important;
}
/* ===== 导航文字：双色流动渐变（简洁风） ===== */
:root{
/* 主色：品牌蓝（可按需改） */
--nav-c1: var(--link, #007fff);
/* 次色：在主色基础上混一点紫；不支持 color-mix 的浏览器用后备色 */
--nav-c2: color-mix(in oklab, var(--nav-c1) 55%, #8b5cf6 45%);
--nav-c2-fallback: #5a7dff;
/* 用两色做“往返”渐变，保证循环顺滑 */
--nav-grad: linear-gradient(90deg,
var(--nav-c1) 0%,
var(--nav-c2, var(--nav-c2-fallback)) 50%,
var(--nav-c1) 100%
);
}
/* 应用到导航链接文字（保留流动动画，但更克制） */
.stui-header.ios26 .stui-header__menu li a{
color: transparent !important;
-webkit-text-fill-color: transparent !important;
background-image: var(--nav-grad) !important;
background-size: 220% 100% !important; /* 比原来更稳一些 */
background-position: 0% 0% !important;
-webkit-background-clip: text !important;
background-clip: text !important;
animation: navFlow 12s linear infinite !important; /* 轻柔流动 */
}
/* 悬停/当前：略微加速但不突兀 */
.stui-header.ios26 .stui-header__menu li a:hover{ animation-duration: 9s !important; }
.stui-header.ios26 .stui-header__menu li.active a{ animation-duration: 8s !important; }
/* 重新定义关键帧，配合 220% 的背景尺寸 */
@keyframes navFlow{
0% { background-position: 0% 0%; }
100% { background-position: 220% 0%; }
}
/* 降低动效偏好时关闭动画（可留可去） */
@media (prefers-reduced-motion: reduce){
.stui-header.ios26 .stui-header__menu li a{
animation: none !important;
background-position: 100% 0% !important; /* 显示中间过渡色 */
}
}
/* —— LOGO：图标 + 文字 —— */
.stui-header__logo .logo-brand{
display:inline-flex; align-items:center; gap:10px;
text-decoration:none; height:40px; /* 头部行高内垂直居中 */
}
.stui-header__logo .brand-icon{
width:36px; height:36px; display:block; flex:0 0 auto;
}
.stui-header__logo .brand-text{
font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC",system-ui,sans-serif;
font-weight:999; font-size:18px; letter-spacing:10px;
color:var(--fg, #0f172a); line-height:1; white-space:nowrap;
}
/* 如果旧模板还对 .logo 设了背景图，统一清掉影响 */
.stui-header__logo .logo{ background:none !important; }
/* 移动端轻微收紧 */
@media (max-width:640px){
.stui-header__logo .logo-brand{ height:34px; gap:8px; }
.stui-header__logo .brand-icon{ width:24px; height:24px; }
.stui-header__logo .brand-text{ font-size:16px; }
}
.stui-header__logo .logo-brand{ display:inline-flex; align-items:center; gap:10px; height:40px; text-decoration:none; }
.stui-header__logo .brand-icon{ width:28px; height:28px; display:block; object-fit:contain; }
.stui-header__logo .brand-text{ font-weight:999; font-size:18px; color:var(--fg,#0f172a); }
.stui-header__logo .logo{ background:none !important; } /* 清旧模板背景图影响 */
@media (max-width:640px){
.stui-header__logo .logo-brand{ height:34px; gap:8px; }
.stui-header__logo .brand-icon{ width:24px; height:24px; }
.stui-header__logo .brand-text{ font-size:16px; }
}
/* ===== 头部视觉配比（LOGO ↔ 导航文字） ===== */
:root{
/* 桌面端推荐：图标 24~26px，LOGO字 16~17px，导航 15.5~16px */
--hdr-icon: clamp(36px, 2.2vw, 36px);
--hdr-text: clamp(18px, 1.6vw, 18px);
--nav-font: clamp(15.5px, 1.55vw, 16px);
/* 缩小 LOGO 与搜索之间的过宽间距，避免头重 */
--logo-input-gap: clamp(28px, 3vw, 64px);
}
/* LOGO区：略缩图标，LOGO字重调轻一点 */
.stui-header__logo .brand-icon{
width: var(--hdr-icon) !important;
height: var(--hdr-icon) !important;
}
.stui-header__logo .brand-text{
font-size: var(--hdr-text) !important;
font-weight: 700 !important; /* 原来 800 -> 700 更柔和 */
}
/* 导航：略增字号并保持胶囊高度协调 */
.stui-header.ios26 .stui-header__menu li a{
font-size: var(--nav-font) !important;
padding: 8px 14px !important; /* 轻量填充，避免显小家子气 */
}
/* 移动端再紧一点：LOGO 22px / 导航 14px */
@media (max-width:1024px){
:root{
--hdr-icon: 36px;
--hdr-text: 18px;
--nav-font: 14px;
}
}
/* === 商务合作按钮（PC & Mobile） === */
.stui-header.ios26 .stui_header__user > li.biz{ margin-left:12px !important; }
.stui-header.ios26 .biz-btn{
display:inline-flex; align-items:center; justify-content:center;
height:36px; padding:0 14px; border-radius:10px;
background: linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.06)), var(--brand);
color: var(--brand-ink); border:1px solid color-mix(in oklab, var(--brand) 30%, transparent);
box-shadow:0 12px 22px color-mix(in oklab, var(--brand) 18%, #0000);
font-weight:700; white-space:nowrap;
}
.stui-header.ios26 .biz-btn:hover{ transform:translateY(-1px); }
.stui-header.ios26 .biz-btn:active{ transform:none; }
/* 手机端小按钮（放大镜后） */
.stui-header.ios26 .biz-icon{
width:36px; height:36px; border-radius:10px;
display:inline-flex; align-items:center; justify-content:center;
background:var(--surface); border:1px solid var(--border); color:var(--fg);
box-shadow:0 4px 12px rgba(2,6,23,.08);
}
/* 显隐 */
.pc-only{ display:inline-block; }
.m-only{ display:none; }
@media (max-width:1024px){
.pc-only{ display:none !important; }
.m-only{ display:inline-block !important; }
}
/* === 商务弹窗 === */
.biz-modal{ position:fixed; inset:0; z-index:1300; display:none; }
.biz-modal.open{ display:block; }
.biz-backdrop{
position:absolute; inset:0; background:rgba(15,23,42,.45);
-webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);
}
.biz-dialog{
position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) scale(.98);
width:min(640px, calc(100vw - 28px)); max-height:80vh; overflow:auto;
border-radius:18px; padding:20px 20px 18px;
background:var(--surface); border:1px solid var(--border); box-shadow:var(--ios26-shadow);
color:var(--fg); animation: bizIn .16s ease-out forwards;
}
@keyframes bizIn{ to{ transform:translate(-50%,-50%) scale(1); } }
.biz-dialog h3{ margin:0 0 10px; font-size:18px; font-weight:800; }
.biz-dialog p{ margin:0 0 10px; color:var(--muted); }
.biz-list{ margin:8px 0 0; padding:0; list-style:none; }
.biz-list li{ margin:6px 0; font-size:14px; }
.biz-qrcode{ display:block; width:160px; height:auto; margin:10px 0 0; border-radius:12px; border:1px solid var(--border); }
.biz-close{
position:absolute; top:10px; right:10px; width:34px; height:34px; border-radius:10px;
border:1px solid var(--border); background:var(--surface); color:var(--fg);
display:inline-flex; align-items:center; justify-content:center;
font-size:18px; line-height:1; cursor:pointer;
box-shadow:0 4px 12px rgba(2,6,23,.08);
}
/* 小屏弹窗尺寸微调 */
@media (max-width:640px){
.biz-dialog{ width: min(92vw, 520px); padding:16px; }
}
/* 手机端：把放大镜做成胶囊按钮，样式与“商务合作”一致 */
@media (max-width:1024px){
.stui-header.ios26 .stui_header__user .btn-search{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:6px !important;
height:36px !important;
padding:0 14px !important; /* 左右内边距 */
border-radius:999px !important; /* 胶囊外观 */
border:1px solid var(--border) !important;
background:var(--surface) !important;
color:var(--fg) !important;
width:auto !important; /* 关键：随文字伸缩 */
min-width:0 !important;
line-height:36px !important;
box-shadow:0 6px 14px rgba(2,6,23,.08) !important;
}
.stui-header.ios26 .stui_header__user .btn-search .iconfont{
font-size:16px !important; line-height:1 !important;
}
.stui-header.ios26 .stui_header__user .btn-search .label{
font-size:14px !important; white-space:nowrap !important;
}
/* 超窄屏时只保留图标，避免挤压 */
@media (max-width:360px){
.stui-header.ios26 .stui_header__user .btn-search .label{ display:none !important; }
.stui-header.ios26 .stui_header__user .btn-search{ padding:0 10px !important; }
}
}
/* 桌面端依旧隐藏放大镜（保持你原有行为） */
@media (min-width:1025px){
.stui-header.ios26 .stui_header__user .btn-search{ display:none !important; }
}
/* PC 端：LOGO ↔ 商务合作 对称贴边 */
@media (min-width:1025px){
/* 1) 右侧按钮组不要额外内外边距，整体顶到容器右侧 */
.stui-header.ios26 .stui_header__user{
margin-left:auto !important;
margin-right:0 !important;
padding-left:0 !important;
padding-right:0 !important;
gap:12px !important; /* 你需要的按钮间距，可改 */
}
/* 2) 让“商务合作”在最右侧：占据剩余空间把自己顶到最右 */
.stui-header.ios26 .stui_header__user > li.biz{
margin-left:auto !important; /* 关键：把前面图标推到左边 */
order: 99 !important; /* 防止被其他项排到右边去 */
}
/* 3) 去掉按钮本身可能的右外边距，紧贴容器右内边距 */
.stui-header.ios26 .stui_header__user > li.biz .biz-btn{
margin-right:0 !important;
}
/* 4) 左侧 LOGO 贴容器左内边距（与右侧保持对称） */
.stui-header.ios26 .stui-header__logo{
margin-left:0 !important;
}
}
:root{ --pc-search-w: clamp(420px, 44vw, 640px); } /* 现在是固定 560px */
@media (min-width:1025px){
.stui-header.ios26 .dropdown.search .item{ width: var(--pc-search-w) !important; }
}
.stui-header.ios26 .dropdown.search .item .form-control{ height:40px !important; }
.stui-header.ios26 .stui-header__menu li a,
.stui-header.ios26 .biz-btn{ height:36px !important; }
/* 保留动效，但激活态更醒目 */
.stui-header.ios26 .stui-header__menu li.active a{
-webkit-text-fill-color: initial !important; color: var(--link,#007fff) !important;
background: none !important; animation: none !important;
border-width:2px !important;
}
.stui-header.ios26 .stui-header__menu li a{
box-shadow:0 6px 12px rgba(2,6,23,.08) !important;
}
.stui-header.ios26 .stui-header__menu li a:hover{
box-shadow:0 10px 18px rgba(2,6,23,.10) !important;
}
:root{ --page-w: 1080px; } /* 或 1140/1200，看你主页信息密度 */
/* ==== Dark Theme: direct replace (no toggle) + iOS fonts ==== */
/* 全局 iOS 字体 */
body, input, button, textarea, select {
font-family:-apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", system-ui, sans-serif !important;
}
/* 统一暗色变量（直接作为默认） */
:root{
color-scheme: dark;
--bg:#0b1220;
--fg:#e5e7eb;
--muted:#94a3b8;
--border:rgba(148,163,184,.22);
--surface:#000;
--surface-soft:#000;
--surface-deep:#0f172a;
--surface-chip:rgba(255,255,255,.06);
--brand:#bb1e00;
--brand-ink:##e5e7eb;
--link:##e5e7eb;
--skeleton:rgba(148,163,184,.18);
--ios26-border:rgba(148,163,184,.22);
--ios26-surface:#000;
--ios26-surface-dark:rgba(30,41,59,.74);
--ios26-shadow:0 18px 40px rgba(0,0,0,.35);
/* 导航流动渐变（暗色版） */
--nav-c1:##e5e7eb;
--nav-c2:color-mix(in oklab, var(--nav-c1) 55%, ##e5e7eb 45%);
--nav-c2-fallback:##e5e7eb;
/* 缩略图底部渐变条（暗） */
--meta-grad:linear-gradient(to top, rgba(6,10,18,.92) 0%, rgba(6,10,18,.55) 55%, rgba(6,10,18,0) 100%);
}
/* 基底与链接 */
body{ background:#000 !important; color:var(--fg) !important; }
a{ color:#e5e7eb; }
a:hover{ color:#e5e7eb !important; }
/* 头部玻璃 */
.stui-header.ios26{
background:var(--surface-soft) !important;
border-bottom:1px solid var(--border) !important;
}
/* 常用容器/卡片映射到暗色表面 */
.dropdown,
.stui-screen .head,
.stui-screen .item,
.stui-player__detail,
.stui-player__side,
.stui-play__list li a,
.stui-content__playlist li a,
.stui-gbook-form .form-control,
.stui-gbook__item .cont,
.div_text,
.div_text.ios26,
.icon.ios26 ul,
.tp_advertising.ios26,
.div_img.ios26,
.foot-card{
background:var(--surface) !important;
border-color:var(--border) !important;
color:#e5e7eb;
}
/* 列表信息块保持透明 */
.stui-vodlist__detail{
background:transparent !important; border:0 !important; color:var(--fg) !important;
}
/* 侧栏更深 */
.stui-player__side{ background:var(--surface-deep) !important; }
/* 输入框 */
.form-control,
.dropdown.search .item .form-control{
background:#000 !important; color:var(--fg) !important; border:1px solid var(--border) !important;
}
/* 分割线/次级文字 */
.stui-screen .item ul,
.dropdown.search li,
.stui-gbook__item{ border-color:var(--border) !important; }
.stui-vodlist__detail .text,
.dropdown.search li a span,
.stui-screen .head .text,
.stui-screen .head .all{ color:var(--muted) !important; }
/* 主色/交互 */
.stui-header__menu li a:hover,
.stui-header__menu li.active a,
.stui-play__list li a:hover,
.stui-player__side .tab li.active a{ color:var(--link) !important; }
/* 播放列表激活态 */
.stui-play__list li.active a{
background:var(--brand) !important; color:var(--brand-ink) !important;
}
/* 页码 & 播放线路按钮 */
.stui-page__item li a,
.stui-content__playlist li a{
background:var(--surface) !important; border:1px solid var(--border) !important; color:var(--fg) !important;
}
.stui-page__item li.active a{
background:var(--brand) !important; color:var(--brand-ink) !important;
}
/* 骨架屏 & 缩略图渐变条 */
.skeleton{ background:var(--skeleton) !important; }
.meta-pills::before{ background:var(--meta-grad) !important; }
/* 顶部导航胶囊：暗色边框/阴影 + 流动渐变文字 */
.stui-header.ios26 .stui-header__menu li a{
background:var(--surface) !important;
border:1px solid var(--border) !important;
box-shadow:0 10px 20px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.06) !important;
/* 文字流动渐变（暗色） */
color:transparent !important;
-webkit-text-fill-color:transparent !important;
background-image:linear-gradient(90deg, var(--nav-c1), var(--nav-c2, var(--nav-c2-fallback)), var(--nav-c1)) !important;
background-size:220% 100% !important;
background-position:0% 0% !important;
-webkit-background-clip:text !important;
background-clip:text !important;
animation:navFlow 12s linear infinite !important;
}
@keyframes navFlow{ 0%{background-position:0% 0%} 100%{background-position:220% 0%} }
@media (prefers-reduced-motion:reduce){
.stui-header.ios26 .stui-header__menu li a{ animation:none !important; background-position:100% 0% !important; }
}
/* === 统一文字为 #e5e7eb（导航 / 关键词 / APP 宫格）=== */
/* 关键词、APP 文字的变量兜底 */
:root{
--kw-ink:#e5e7eb !important;
--app-ink:#e5e7eb !important;
--link:#e5e7eb !important; /* 链接色同样统一成 e5e7eb */
--brand-ink:#e5e7eb !important; /* 你之前写成了 ##e5e7eb，顺手修正 */
}
/* 1) 导航名称：强制纯色，关闭渐变与动画 */
.stui-header.ios26 .stui-header__menu li a{
color:#e5e7eb !important;
-webkit-text-fill-color:#e5e7eb !important;
background-image:none !important; /* 去掉背景渐变文字 */
animation:none !important;
}
.stui-header.ios26 .stui-header__menu li a:hover,
.stui-header.ios26 .stui-header__menu li.active a{
color:#e5e7eb !important;
-webkit-text-fill-color:#e5e7eb !important;
background-image:none !important;
}
/* 2) 关键词胶囊（含普通/kwbar 两种） */
.div_text a,
.div_text.ios26 a,
.div_text.kwbar a{
color:#ffffff !important;
}
/* 3) APP 广告宫格里的所有文字 */
.icon.ios26 ul li a,
.icon.ios26 ul li a span,
.icon.ios26 ul li a p,
.icon.ios26 ul li a em,
.icon.ios26 ul li a small{
color:#ffffff !important;
}
/* 4) 其他 hover 也保持同色（防被旧规则改色） */
a:hover{ color:#e5e7eb !important; }
/* 把以下所有的 ##e5e7eb 改成 #e5e7eb： */
--brand-ink:#e5e7eb;
--link:#e5e7eb;
--nav-c1:#e5e7eb;
/* 如果仍保留 nav 的渐变变量，nav-c2 里也不要再写 ##e5e7eb */
/* 让 LOGO 区成为基线容器，内部元素垂直居中 */
.stui-header__logo{
display:flex !important;
align-items:center !important;
gap:10px !important;
}
/* —— 官方徽章：尺寸全部用 em 随 LOGO 字号缩放 —— */
.logo-official{
/* 关键：字号跟随 LOGO 文本（与你现有的 --hdr-text 同步） */
font-size: var(--hdr-text, 18px) !important;
display:inline-flex !important;
align-items:center !important;
gap:.5em !important; /* 随字号变 */
height:1.9em !important; /* 胶囊高度随字号 */
line-height:1 !important;
padding:0 .7em !important; /* 内边距随字号 */
border-radius:999px !important;
background:#ffffff !important;
border:1px solid var(--border) !important;
color:var(--fg) !important;
white-space:nowrap !important;
text-decoration:none !important;
box-shadow:0 10px 20px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.08) !important;
transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease !important;
vertical-align:baseline !important; /* 与 LOGO 文本同基线 */
}
/* 图标/文字都按 em 缩放 */
.logo-official .ico{ width:1.05em !important; height:1.05em !important; opacity:.9; flex:0 0 auto; }
.logo-official .tag{
font-size:.68em !important; line-height:1 !important; font-weight:700;
padding:.5em .5em !important; border-radius:.5em !important;
background:linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.06)), var(--brand) !important;
color:var(--brand-ink,#e5e7eb) !important;
}
.logo-official .sep{ opacity:.45; font-size:.9em; }
.logo-official .host{
font:8888 .88em/1 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
letter-spacing:4.8px;
background-image: linear-gradient(90deg, #f9eb5c 0%, #E02424 40%, #FF6B6B 100%);
background-size:220% 100%;
background-position:0 0;
-webkit-background-clip:text;
background-clip:text;
color:transparent;
animation:hostFlow 12s linear infinite;
}
@keyframes hostFlow{ 0%{background-position:0% 0%} 100%{background-position:220% 0%} }
.logo-official:hover{
transform:translateY(-1px); border-color:rgba(14,165,233,.30);
box-shadow:0 14px 26px rgba(2,6,23,.16), inset 0 1px 0 rgba(255,255,255,.12);
}
/* —— 移动端：更紧凑，但仍按 em 缩放 —— */
@media (max-width:1024px){
.logo-official{ gap:0em !important; height:1.8em !important; padding:0 .3em !important; max-width:88vw !important; }
.logo-official .host{ font-size:.98em !important; }
}
/* 只改这一块：让左侧蓝帽与父级圆角完全贴合 */
.logo-official .tag{
position: relative;
z-index: 0;
/* 拉满父容器高度（父容器 align-items:center 时用 align-self 覆盖） */
align-self: stretch;
display: inline-flex;
align-items: center;
/* 原有文字样式保留 */
font-size:.88em !important;
line-height:1 !important;
font-weight:700;
color:#ffffff !important;
/* 文字内边距只留左右，顶部/底部由拉伸承担，避免上下露黑边 */
padding: 0 .78em !important;
/* 这条分隔线仍保留 */
border-right:1px solid rgba(255,255,255,.65);
background: transparent !important; /* 背景交给 ::before 画 */
}
/* 用伪元素画满高的蓝色圆角块，保证与父容器圆角一致 */
.logo-official .tag::before{
content:"";
position:absolute;
inset:0; /* 占满 .tag */
background: linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.06)), var(--brand);
border-radius:999px 0 0 999px; /* 左侧圆角完全贴合 */
z-index:-1;
}
/* 让左侧更贴边 */
.logo-official{ padding-left:0 !important; } /* 去掉父容器左内边距 */
.logo-official .tag{ padding-left:.68em !important; } /* 适当保留文字左内边距 */
.logo-official .tag{ margin-left:-1px; } /* 覆盖住1px白色边框弧度 */
/* 让左侧蓝块顶满父容器的上下并压住1px边框 */
.logo-official{ overflow:hidden; } /* 确保外沿被裁切 */
.logo-official .tag{
position:relative;
display:flex; align-items:center;
height:100%; /* 撑满父容器高度 */
padding:0 .62em !important; /* 去上下内边距，只保留左右 */
margin-left:-1px; /* 覆盖左侧1px白色边框 */
border-right:3px solid rgba(255,255,255,.65);
background:transparent !important; /* 背景交给伪元素 */
}
.logo-official .tag::before{
content:"";
position:absolute;
/* 向外扩 1px，把父容器上下边框也盖住 */
inset:-1px 0 -1px -1px;
background:linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.06)), var(--brand);
border-radius:999px 0 0 999px; /* 与胶囊外轮廓完全贴合 */
z-index:-1;
}
/* 让 LOGO区里的元素按文字基线对齐 */
.stui-header__logo{
display:flex !important;
align-items: baseline !important; /* ← 关键：跟随文字基线 */
gap: 10px !important;
}
/* LOGO 链接内部也按基线对齐，图标不影响基线 */
.stui-header__logo .logo-brand{
display:inline-flex !important;
align-items: baseline !important;
height:auto !important;
}
/* 官方徽章跟随同一条基线 */
.logo-official{
align-self: baseline !important;
line-height: 1 !important;
font-size: var(--hdr-text, 18px) !important; /* 仍跟随 LOGO 字号 */
}
/* 图标本身保持居中，不参与“拉低”基线 */
.stui-header__logo .brand-icon{
align-self: center !important;
}
/* 如仍有 1~2px 视觉差，可微调（需要时解注释） */
/*
:root{ --official-nudge: -1px; } // 负值=向上
.logo-official{ transform: translateY(var(--official-nudge)); }
*/
/* ===== 以 搜索框 的中线为基准对齐整行 ===== */
/* 统一行内垂直居中（基线 = 搜索框中心） */
.stui-header.ios26 .row{
display:flex !important;
align-items:center !important;
position:relative;
}
/* 这些模块内部也保持垂直居中 */
.stui-header__logo,
.stui-header__logo .logo-brand,
.stui-header.ios26 .stui_header__user > li,
.stui-header.ios26 .stui_header__user > li > a{
display:flex !important;
align-items:center !important;
}
/* 搜索输入框的“实际高度”，全站只改这一处数字即可 */
:root{
--search-h: 44px; /* 你的输入框看起来≈44px；需要时可调 40/42/46… */
/* 可选微调：正值=下移，负值=上移（单位 px） */
--nudge-logo: 0px; /* 苹果图标 + “苹果视频”文字 */
--nudge-badge: 2px; /* 你加的 ‘官方 PGSP.ME’ 徽章 */
--nudge-biz: 0px; /* 右侧“商务合作”按钮 */
}
/* 让搜索框高度可控（保持圆角/阴影不变） */
.stui-header.ios26 .dropdown.search .item .form-control{
height: var(--search-h) !important;
line-height: var(--search-h) !important;
}
/* 右侧“商务合作”按钮与搜索框同高，文字垂直居中 */
.stui-header.ios26 .biz-btn{
height: var(--search-h) !important;
display:inline-flex !important;
align-items:center !important;
padding: 0 16px !important; /* 不改你位置，只保证垂直居中 */
}
/* 官方 PGSP.ME 徽章本身就是胶囊，不要求同高，只要居中即可 */
.logo-official{ height:auto; }
/* —— 需要时的 1~2px 微调 —— */
.stui-header__logo{ transform: translateY(var(--nudge-logo)); }
.logo-official{ transform: translateY(var(--nudge-badge)); }
.stui_header__user .biz{ transform: translateY(var(--nudge-biz)); }
/* （可选）开发用对齐参考线，确认无误后注释掉 */
.stui-header.ios26 .row::after{
content:""; position:absolute; left:0; right:0; top:50%;
border-top:1px dashed rgba(255,0,0,.35); pointer-events:none;
}
/* === LOGO（图标↔文字）与（文字 ↔ 官方 PGSP.ME）之间的距离 === */
/* 只改这两个变量即可 */
:root{
--gap-icon-text: clamp(6px, 1vw, 12px); /* 苹果图标 ↔ “苹果视频” */
--gap-text-badge: clamp(10px, 1.6vw, 18px); /* “苹果视频” ↔ 官方 PGSP.ME 徽章 */
}
/* 图标 ↔ 文本 */
.stui-header__logo .logo-brand{
gap: var(--gap-icon-text) !important;
}
/* 文本 ↔ 官方徽章（优先用 flex-gap，旧浏览器用 margin-left 兜底） */
@supports (gap: 1px){
.stui-header__logo{ gap: var(--gap-text-badge) !important; }
.stui-header__logo .logo-official{ margin-left: 0 !important; }
}
@supports not (gap: 1px){
.stui-header__logo{ gap: 0 !important; }
.stui-header__logo .logo-official{ margin-left: var(--gap-text-badge) !important; }
}
/* 移动端再收紧一点（可按需改） */
@media (max-width:640px){
:root{
--gap-icon-text: 6px;
--gap-text-badge: 10px;
}
}
/* 手机端隐藏“商务合作” */
@media (max-width:1024px){
.stui-header.ios26 .stui_header__user > li.biz,
.stui-header.ios26 .biz-btn,
.stui-header.ios26 .biz-icon{
display: none !important;
}
}
/* PAD：768–1024px 每行 4 个封面（与 PC 一致） */
@media (min-width:768px) and (max-width:1024.98px){
.stui-vodlist li,
.stui-vodlist li.index,
.stui-vodlist li.topic,
.stui-vodlist li.like{
width:25% !important; /* 4 列 */
padding:10px !important; /* 与 PC 保持一致的内边距 */
}
}
/* ===== 播放页视频框：统一圆角 + 溢出裁切 + 阴影 ===== */
:root{
--player-radius: 14px;
}
@media (max-width:1024px){ :root{ --player-radius: 12px; } }
@media (max-width:640px){ :root{ --player-radius: 10px; } }
/* 外层容器：加圆角 + 裁切内部 iframe/video 的直角 */
.stui-player__video{
position: relative;
border-radius: var(--player-radius) !important;
overflow: hidden; /* 关键：裁切子元素 */
/* 兼容部分浏览器的“硬裁切”，与 overflow 一起用更稳 */
clip-path: inset(0 round var(--player-radius));
box-shadow: 0 14px 28px rgba(0,0,0,.28); /* 可按需调淡/删除 */
background-color: #000; /* 保留你的黑底 */
}
/* 内部任何包裹层与播放器本体也继承圆角 */
.stui-player__video .embed-responsive,
.stui-player__video .embed-responsive-item,
.stui-player__video iframe,
.stui-player__video video{
border-radius: inherit !important;
}
/* 某些播放器会把控制栏溢出容器，这里确保被裁切 */
.stui-player__video *{
overflow: hidden;
}
/* 播放器下横幅：桌面 80px，Pad 64px，手机 56px */
:root{ --player-ad-h: 80px; }
@media (max-width:1024px){ :root{ --player-ad-h: 80px; } }
@media (max-width:640px){ :root{ --player-ad-h: 80px; } }
/* 让该横幅继承 div_img.ios26 的样式，但用自己的高度变量 */
.player-banner{
--ad-h: var(--player-ad-h); /* 覆盖你全局的 --ad-h，仅此块生效 */
margin-top: 0px; /* 和视频框拉开一点间距 */
}
/* === 公告栏（iOS26 质感，贴合你的配色） === */
.notice-bar.ios26{ margin:8px 0 12px; }
.notice-bar .nb-wrap{
display:flex; align-items:center; gap:10px;
padding:8px 12px; border-radius:14px;
background:var(--surface,#000) !important;
border:1px solid var(--border,rgba(148,163,184,.22)) !important;
-webkit-backdrop-filter:saturate(160%) blur(10px);
backdrop-filter:saturate(160%) blur(10px);
box-shadow:0 14px 30px rgba(2,6,23,.10);
}
.notice-bar .nb-label{
flex:0 0 auto; padding:0 10px;
height:32px; line-height:32px;
border-radius:999px; background:var(--surface,#000);
border:1px solid var(--border,rgba(148,163,184,.22));
font-weight:700; color:var(--fg,#e5e7eb);
}
.notice-bar .nb-marquee{ position:relative; overflow:hidden; flex:1 1 auto; min-width:0; }
.notice-bar .nb-track{
display:flex; gap:28px; align-items:center;
white-space:nowrap; will-change:transform;
animation: nb-marquee var(--nb-dur, 24s) linear infinite;
}
.notice-bar.paused .nb-track{ animation-play-state:paused; }
.notice-bar .nb-track li{ list-style:none; }
.notice-bar .nb-track a{
display:inline-block; color:var(--fg,#e5e7eb) !important;
opacity:.95; text-decoration:none;
}
.notice-bar .nb-track a:hover{ text-decoration:underline; }
@keyframes nb-marquee{
0% { transform:translateX(0); }
100% { transform:translateX(-50%); } /* 轨道做了双份内容，移动 50% 刚好无缝 */
}
/* 小屏微调高度与间距 */
@media (max-width:640px){
.notice-bar .nb-wrap{ padding:6px 8px; border-radius:12px; }
.notice-bar .nb-label{ height:30px; line-height:30px; padding:0 8px; }
.notice-bar .nb-track{ gap:22px; }
}
/* === PC：一行显示 LOGO(含徽章) → 导航 → 商务合作，隐藏搜索等 === */
@media (min-width:1025px){
/* 整行不换行，垂直居中 */
.stui-header.ios26 .row{
display:flex !important;
align-items:center !important;
flex-wrap: nowrap !important; /* 一行 */
gap: 10px !important;
min-height: 56px !important;
}
/* 顺序：LOGO(含徽章) -> 导航 -> 商务合作 */
.stui-header.ios26 .stui-header__logo{ order:1 !important; margin:0 !important; }
.stui-header.ios26 .stui-header__menu{
order:2 !important;
flex: 1 1 auto !important; /* 占据中间空间 */
min-width: 0 !important; /* 允许收缩 */
display:flex !important;
align-items:center !important;
flex-wrap: nowrap !important; /* 导航自身单行 */
overflow-x: auto !important; /* 超出时横向滚动 */
overflow-y: hidden !important;
white-space: nowrap !important;
gap: 10px !important;
padding: 0 !important;
}
.stui-header.ios26 .stui_header__user{
order:3 !important;
margin-left:auto !important; /* 贴右 */
display:flex !important;
align-items:center !important;
gap:12px !important;
padding:0 !important;
}
/* PC 仅保留“商务合作”，其余（含搜索）隐藏 */
.stui-header.ios26 .stui_header__user .search-wrap{ display:none !important; }
.stui-header.ios26 .stui_header__user > li:not(.biz){ display:none !important; }
/* 商务合作按钮本身可见并贴最右 */
.stui-header.ios26 .stui_header__user > li.biz{ display:block !important; margin-left:auto !important; order:99 !important; }
/* 细节：导航项保持单行胶囊高度，避免被裁切 */
.stui-header.ios26 .stui-header__menu li{ display:flex !important; align-items:center !important; }
.stui-header.ios26 .stui-header__menu li a{
display:inline-flex !important; align-items:center !important;
height:36px !important; /* 你的既有高度 */
white-space:nowrap !important;
}
}
/* PC：让“商务合作”并入导航，字号/高度/样式与导航一致 */
@media (min-width:1025px){
:root{
--hdr-item-h: 36px; /* 导航胶囊与商务合作统一高度 */
--nav-font: 16px; /* 统一字号 */
--nav-gap-after-badge: clamp(16px, 2.2vw, 28px); /* 徽章→导航 的间距 */
--nav-nudge-y: -1px; /* 文字轻微上移（-1~-2 之间微调） */
}
/* 徽章与导航之间拉开距离；保证导航整体垂直居中 */
.stui-header.ios26 .stui-header__menu{
margin-left: var(--nav-gap-after-badge) !important;
display: flex !important;
align-items: center !important;
flex-wrap: nowrap !important;
height: var(--hdr-item-h) !important;
min-height: var(--hdr-item-h) !important;
}
/* 导航项：与“商务合作”同高，同字号，同视觉基线 */
.stui-header.ios26 .stui-header__menu li{
display: flex !important;
align-items: center !important;
}
.stui-header.ios26 .stui-header__menu li a{
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
height: var(--hdr-item-h) !important;
line-height: var(--hdr-item-h) !important;
font-size: var(--nav-font) !important;
padding: 0 14px !important;
transform: translateY(var(--nav-nudge-y)) !important; /* 消除“略偏下” */
}
/* 隐藏原位置的“商务合作”（我们会把它克隆进导航） */
.stui-header.ios26 .stui_header__user > li.biz{
display: none !important;
}
}
/* === PC：徽章→导航 间距 + 导航与“商务合作”统一外观/基线 === */
@media (min-width:1025px){
:root{
--nav-gap-after-badge: clamp(20px, 2.2vw, 32px); /* 徽章→导航 的距离 */
--nav-font: 16px; /* 导航&商务合作 字号 */
--hdr-item-h: 36px; /* 统一高度（胶囊高） */
--nav-nudge-y: -1px; /* 导航文字上移 1px */
}
/* 徽章右侧的导航整体“后移”一些，并保证垂直居中 */
.stui-header.ios26 .stui-header__menu{
margin-left: var(--nav-gap-after-badge) !important;
display:flex !important; align-items:center !important; flex-wrap:nowrap !important;
height: var(--hdr-item-h) !important; min-height: var(--hdr-item-h) !important;
gap: 10px !important; padding: 0 !important; overflow: visible !important;
}
.stui-header.ios26 .stui-header__menu li{
display:flex !important; align-items:center !important;
}
.stui-header.ios26 .stui-header__menu li a{
display:inline-flex !important; align-items:center !important; justify-content:center !important;
height: var(--hdr-item-h) !important; line-height: var(--hdr-item-h) !important;
font-size: var(--nav-font) !important; padding: 0 14px !important;
transform: translateY(var(--nav-nudge-y)) !important; /* 修正“略偏下” */
}
/* 把右侧原位的“商务合作”隐藏（我们用 JS 克隆到导航里） */
.stui-header.ios26 .stui_header__user > li.biz{
display: none !important;
}
}
/* —— 视觉样式统一：并入后的“商务合作”与导航完全一致 —— */
@media (min-width:1025px){
/* 导航胶囊底色/边框保持你的现有风格，这里只兜底 */
.stui-header.ios26 .stui-header__menu li a,
.stui-header.ios26 .stui-header__menu li a.biz-nav-link{
background: var(--surface, #000) !important;
border: 1px solid var(--border, rgba(148,163,184,.22)) !important;
box-shadow: 0 10px 20px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.06) !important;
color: #e5e7eb !important; -webkit-text-fill-color:#e5e7eb !important;
}
.stui-header.ios26 .stui-header__menu li a:hover{
transform: translateY(calc(var(--nav-nudge-y) - 1px)) !important;
border-color: rgba(14,165,233,.28) !important;
}
}
/* 移动端：去掉“取消”，表单从三列改两列（输入框 | 搜索） */
@media (max-width:1024px){
/* 隐藏取消按钮 */
.hdr-search-portal .dropdown.search .btn-cancel{
display: none !important;
}
/* 表单栅格改成两列 */
.hdr-search-portal .dropdown.search form{
grid-template-columns: 1fr max-content !important; /* 输入框 | 搜索 */
column-gap: 6px !important; /* 保留原间距 */
}
/* 输入框、搜索按钮的细节维持原来 */
.hdr-search-portal .dropdown.search .form-control{
grid-column: 1 / 2 !important;
min-width: 0 !important;
}
.hdr-search-portal .dropdown.search .submit{
min-width: 72px !important; /* 你之前的按钮宽度 */
height: 36px !important;
padding: 0 14px !important;
}
}
/* 外层金边：补上金色底并加旋转动效（贴着外轮廓） */
.logo-official::before{
content:"";
position:absolute;
inset: calc(-1 * var(--gold-w));
border-radius: calc(9999px + var(--gold-w));
z-index: 9; pointer-events:none;
box-sizing:border-box;
padding: var(--gold-w);
/* 金色描边底色（可微调色值顺序提高金属感） */
background:
conic-gradient(
#8a6b24 0deg,
#c8a94f 60deg,
#fff6c9 120deg,
#d7b954 180deg,
#8a6b24 360deg
);
/* 只保留描边一圈 */
-webkit-mask:
linear-gradient(#000 0 0) content-box,
linear-gradient(#000 0 0);
-webkit-mask-composite: xor;
mask:
linear-gradient(#000 0 0) content-box,
linear-gradient(#000 0 0);
mask-composite: exclude;
/* 立体感 */
box-shadow: 0 1px 0 rgba(0,0,0,.12), 0 0 12px rgba(240,200,80,.15);
/* —— 动效：缓慢旋转（只旋转伪元素，不影响内容） —— */
transform-origin: center;
animation: goldSpin 12s linear infinite;
}
@keyframes goldSpin{ to{ transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce){
.logo-official::before{ animation:none; }
}
/* 内层“白色内沿” + 顶部微高光（让它真正可见） */
.logo-official::after{
content:"";
position:absolute;
inset: 0;
border-radius:inherit;
z-index: 8; pointer-events:none;
box-sizing:border-box;
padding: var(--rim-w);
/* 顶部高光：有 alpha；底色：纯白（干净） */
background:
linear-gradient(to bottom, rgba(255,255,255,.65), rgba(255,255,255,0) 55%),
#ffffff;
-webkit-mask:
linear-gradient(#000 0 0) content-box,
linear-gradient(#000 0 0);
-webkit-mask-composite: xor;
mask:
linear-gradient(#000 0 0) content-box,
linear-gradient(#000 0 0);
mask-composite: exclude;
}
/* 内容层级保持在最上（你这句是有效的，需要保留） */
.logo-official > *{ position:relative; z-index:10; }
/* 徽章里的英文字母加粗（PGAV.VIP） */
.logo-official .host{
font-weight: 999 !important; /* 直接加粗 */
letter-spacing: 5px; /* 轻微增字距，避免粘连 */
font-synthesis-weight: none; /* 禁用浏览器伪粗，防止发糊 */
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
/* 若使用可变字体，可更细腻地控制粗细（可留可删） */
@supports (font-variation-settings: normal){
.logo-official .host{
font-weight: 888 !important;
font-variation-settings: "wght" 888;
font-optical-sizing: auto;
}
}
/* 字体本身没有粗体时：做“轻量伪加粗”增强（可选） */
.logo-official .host.boldify{
text-shadow:
0 .4px currentColor,
0 -.4px currentColor,
.4px 0 currentColor,
-.4px 0 currentColor;
/* 如需更厚一点，把 .35px 微调到 .4px */
}
/* 需要更“厚实”的观感（全大写时好用，可选） */
.logo-official .host.wide{
font-stretch: 118%;
}
/* === Footer 留白强制压缩（放在 CSS 最末尾） === */
:root{ --foot-gap: 8px; } /* 可改成 4~12px */
.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; }