@charset "utf-8";

/* =========================================================
   Reset & Base
   - 基础重置、全局滚动条样式、排版与工具类
   - ❗本段仅添加注释，无任何样式值修改
   ========================================================= */
html, body {
  width: 100%;
  height: 100%;
  padding-bottom: 0 !important;
  overflow-x: hidden;
}
html { scrollbar-gutter: stable; } /* 预留滚动条空间，避免布局抖动 */
@supports not (scrollbar-gutter: stable) { html { overflow-y: scroll; } } /* 兼容不支持的浏览器 */

body {
  margin: 0;
  font-family: "Microsoft YaHei","微软雅黑","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif;
  font-size: 14px;
  line-height: 1.4;
  background-color: #000;
  color: #fff;
  /* 顶/底固定广告占位，确保主内容不被遮挡 */
  padding-top: 80px;
  padding-bottom: 125px;
}

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: none; }
img { border: 0 none; }
p { margin: 0 0 10px; }
*, *::before, *::after { box-sizing: border-box; }

::-webkit-scrollbar { width: 4px; background-color: #0f0f0f; }
::-webkit-scrollbar-thumb { background-color: #008000; border-radius: 2px; transition: background-color .2s ease; }
::-webkit-scrollbar-thumb:hover { background-color: #008000; }

/* ===================== Typography & Utils（文字与工具类） ===================== */
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: 10px 0; }

a, button {
  text-decoration: none; color: #fff; outline: none; -webkit-tap-highlight-color: rgba(0,0,0,0);
}
button:hover { cursor: pointer; }
a:focus, a:hover, a:active { text-decoration: none; color: #008000; }

.icon { font-size: 16px; overflow: hidden; }
.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; white-space: nowrap; }

/* ===================== Grid & Helpers（容器/栅格辅助） ===================== */
.container { position: relative; padding: 0 15px; margin: 0 auto; }
.row { position: relative; margin: 0 -15px; }
.container::before, .container::after,
.row::before, .row::after,
.clearfix::before, .clearfix::after { display: table; content: " "; clear: both; }

/* ===================== Common Widgets（通用组件：图文覆盖等） ===================== */
.pic-text {
  display: block; width: 100%; position: absolute; bottom: 0; left: 0; padding: 5px 10px;
  font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  background-image: linear-gradient(transparent, rgba(0,0,0,.5)); color: #fff;
}
.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: #fff;
}
.play-bg { display: none; }
.stui-pannel, .stui-foot { margin-bottom: 0; }

input, textarea { outline: none; -webkit-tap-highlight-color: transparent; }
input.form-control, input.btn { outline: 0; -webkit-appearance: none; }
input[type="checkbox"] { vertical-align: -2px; }

.form-control {
  display: block; width: 100%; height: 35px; padding: 0 10px; font-size: 12px; line-height: 20px;
  border-radius: 4px; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  background: #000; color: #e5e7eb;
}
textarea.form-control { height: auto; }

/* ===================== Header（Logo/菜单/用户/下拉） ===================== */
.stui-header { margin: 5px 0 4px; }
.stui-header__logo, .stui-header__menu { float: left; margin-left: 10px; }

/* 旧站点图片 logo（保留老版兼容） */
.stui-header__logo .logo {
  display: block; width: 150px; height: 50px; background: url(../images/logo.png) no-repeat center/cover;
}

/* 右侧用户区（基础/旧布局） */
.stui_header__user { float: right; margin-top: 15px; margin-right: 10px; }
.stui_header__user > li { position: relative; float: left; padding-bottom: 10px; margin-left: 30px; }
.stui_header__user > li > a { color: #fff; }
.stui_header__user > li > a:hover { color: #008000; }
.stui_header__user > li > a .iconfont { font-size: 22px; }
.stui_header__user > li > span { font-size: 24px; color: #fff; }

/* 下拉菜单（搜索/类型/历史） */
.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; 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; color: #111; }
.dropdown.search .item .submit {
  display: block; position: absolute; top: 0; right: 0; width: 30px; height: 30px; line-height: 30px; text-align: center; background: none; border: 0; cursor: pointer;
}
.dropdown.search .item .submit .icon { font-size: 14px; color: #fff; }
.dropdown.search li { padding: 8px 0; border-top: 1px solid #eee; }
.dropdown.search li:first-child { border-top: 0; }
.dropdown.search li a { display: block; }
.dropdown.search li a:hover { color: #ff6600; }
.dropdown.search li a span { color: #fff; }

/* 类型下拉 */
.dropdown.type { right: -10px; width: 240px; padding: 15px 7px 7px 15px; }
.dropdown.type li { float: left; width: 33.333333%; padding-right: 8px; padding-bottom: 8px; }
.dropdown.type li a {
  display: block; padding: 4px 0; border-radius: 2px; background-color: #fff; font-size: 12px; text-align: center; color: #333;
}
.dropdown.type li a:hover, .dropdown.type li.active a { background-color: #ff6600; color: #fff; }

/* 历史下拉 */
.dropdown.history { right: -10px; width: 240px; }
.dropdown.history .head h5 { margin: 0; padding-bottom: 10px; }
.dropdown.history .head a { color: red; }
.dropdown.history li a { display: block; padding: 8px 0; border-top: 1px solid #eee; color: #333; }
.dropdown.history li a:hover { color: #ff6600; }
.dropdown.history li a span { color: #fff; }

/* ===================== Screen / Lists（筛选区与海报列表） ===================== */
.stui-screen { padding: 10px; }
.stui-screen .head { padding: 15px; border-radius: 2px; background-color: #000; }
.stui-screen .head .text, .stui-screen .head .all { color: #fff; }
.stui-screen .head a { color: #fff; }
.stui-screen .item { display: block; background-color: #000; }
.stui-screen .item ul { padding: 15px; border-top: 1px solid #eee; }
.stui-screen .item ul li { float: left; }
.stui-screen .item ul li a { display: inline-block; padding-left: 20px; color: #fff; }
.stui-screen .item ul li.active a, .stui-screen .item ul li a:hover { color: #008000; }

.stui-vodlist__head { margin-top: 0; padding: 0 10px; }
.stui-vodlist__head h3, .stui-vodlist__head h3 a { color: #fff; }
.stui-vodlist__head p { padding-left: 20px; }
.stui-vodlist__head p a { display: inline-block; margin-right: 20px; }

/* 列表项目宽度按上下文类名可变更（index/like/topic） */
.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 {
  position: relative; display: block; width: 100%; padding-top: 56.25%; overflow: hidden;
  background: #111 center/cover no-repeat; border-bottom: 1px solid rgba(255,255,255,.12);
  border-top-left-radius: 12px; border-top-right-radius: 12px;
}
.stui-vodlist__thumb::before {
  content: ""; position: absolute; inset: 0; background: url(../images/load.gif) center no-repeat; transition: opacity .2s ease; pointer-events: none;
}
.stui-vodlist__thumb[style*="background-image"]::before { opacity: 0; visibility: hidden; }
.stui-vodlist__thumb .play { position: absolute; inset: 0; background: radial-gradient(ellipse at center, rgba(255,255,255,.08), rgba(0,0,0,.18)); opacity: 0; transition: opacity .2s ease; }
.stui-vodlist__box:hover .stui-vodlist__thumb .play { opacity: 1; }
.stui-vodlist__thumb img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

.stui-vodlist__detail { margin: 0; padding: 10px 10px 12px; background-color: transparent; }
.stui-vodlist__detail .title { font-size: 14px; font-weight: 600; margin: 0; text-align: center; color: #fff; line-height: 1.4; }
.stui-vodlist__detail .title a { color: inherit; }
.stui-vodlist__detail .text { margin-bottom: 0; font-size: 12px; color: rgba(255,255,255,.8); }

.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; }

/* 海报上的信息胶囊（收藏、时长等） */
.meta-pills { position: absolute; left: 6px; right: 6px; bottom: 4px; display: flex; justify-content: space-between; align-items: center; pointer-events: none; }
.meta-pills .pill { pointer-events: auto; display: inline-flex; align-items: center; gap: 6px; padding: 0 4px; margin: 0; border: 0; background: transparent; color: #fff; font-size: 12px; line-height: 1; white-space: nowrap; text-shadow: 0 1px 2px rgba(0,0,0,.6); }
.meta-pills .pill svg { width: 16px; height: 16px; stroke: currentColor; opacity: .95; filter: drop-shadow(0 1px 1px rgba(0,0,0,.45)); }
.stui-vodlist__thumb:is([data-original*="/ads/"], [style*="/ads/"], [data-src*="/ads/"], [data-original*="sp.gif"], [style*="sp.gif"], [data-src*="sp.gif"]) { padding-top: 66.6667% !important; }

/* ===================== Content Page（详情页左右布局） ===================== */
.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; color: #333; }
.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: #008000; font-size: 12px; color: #fff; }

/* ===================== Player & Playlist（播放器与播放列表） ===================== */
.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: #333; }
.stui-player__side .tab { padding: 15px; border-bottom: 1px solid #434145; }
.stui-player__side .tab li { float: left; padding-right: 20px; }
.stui-player__side .tab li a { position: relative; font-size: 16px; color: #fff; }
.stui-player__side .tab li.active a::before { content: " "; position: absolute; left: 25%; bottom: -15px; width: 50%; height: 2px; background-color: #008000; }
.stui-player__side .tab li.active a { color: #008000; }
.stui-player__side .item { display: none; position: relative; padding: 15px 10px; }
.stui-player__side .item.active { display: block; }
.stui-player__side .item .head { position: relative; padding-bottom: 10px; }
.stui-player__side .item .head h3 { margin: 0; color: #fff; }
.stui-player__side .item .head .switch-line { margin-top: 5px; }
.stui-player__side .item .tab-top {
  display: none; position: absolute; z-index: 999; top: 100%; right: 0; padding: 10px 15px; border-radius: 2px; background-color: #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.stui-player__side .item .tab-top::after { content: " "; width: 10px; height: 10px; 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 .item .cont { display: none; }
.stui-player__side .item .cont.active { display: block; }
.stui-player__detail { padding: 20px; background-color: #1c1b1e; }
.stui-player__detail .title { margin: 0 0 10px; font-size: 18px; color: #fff; }
.stui-player__detail .more { float: right; padding-top: 10px; }
.stui-player__detail .more a { display: inline-block; padding: 6px 15px; margin-left: 10px; border-radius: 2px; background-color: #252527; color: #fff; }
.stui-player__detail .more a:hover { color: #008000; }
.stui-player__detail .data { color: #fff; }
.stui-player__detail .data-more { padding-top: 10px; }
.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; white-space: nowrap; color: #fff; }
.stui-play__list li a:hover { color: #008000; }
.stui-play__list li.active a { background-color: #008000; color: #fff; }

/* ===================== Pagination / Friends / Embed / GBook（分页/友情链接/内嵌框/留言） ===================== */
.stui-page__item { margin: 20px 0; }
.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: #008000; color: #fff; }
.stui-page__item li a:hover { color: #008000; }
.stui-page__all a { position: absolute; top: 50%; margin-top: -40px; display: block; width: 80px; height: 80px; text-align: center; line-height: 80px; }
.stui-page__all a .iconfont { font-size: 50px; color: #fff; }
.stui-page__all a:hover .iconfont { color: #008000; }
.stui-page__all a.left { left: 0; }
.stui-page__all a.right { right: 0; }
.stui-link__text { margin: 20px 0; text-align: center; }
.stui-link__text li { display: inline-block; margin-right: 20px; margin-bottom: 10px; }

.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%; }

.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; background: #000; color: #e5e7eb; }
.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: #008000; color: #fff; }
.stui-gbook__item { padding: 10px 0; border-top: 1px dotted #333; }
.stui-gbook__item .name { color: #fff; }
.stui-gbook__item .cont { position: relative; margin: 10px 0; padding: 20px; border-radius: 2px; background-color: #1c1b1e; }
.stui-gbook__item .cont::before {
  content: " "; width: 10px; height: 10px; 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; }

/* ===================== Footer & Spacing（页脚与间距） ===================== */
.stui-foot { margin-bottom: 0 !important; padding-bottom: calc(var(--foot-gap, 0) + env(safe-area-inset-bottom, 0px)) !important; }
.stui-foot *:last-child { margin-bottom: 0 !important; }
.stui-foot .container, .stui-foot .foot-card { margin-bottom: 0 !important; } /* 修正为 !important，保持你现有语义 */

/* ===================== Theme Vars & Card（主题变量/卡片） ===================== */
:root {
  --vod-radius: 12px;
  --vod-border: rgba(255,255,255,.12);
  --vod-surface: rgba(255,255,255,.06);
  --vod-text: #fff;
  --vod-text-dim: rgba(255,255,255,.8);
}
.stui-vodlist__box {
  position: relative; border-radius: var(--vod-radius); overflow: hidden; background: var(--vod-surface);
  border: 1px solid var(--vod-border); transition: transform .15s ease, box-shadow .2s ease, border-color .2s ease;
}
.stui-vodlist__box:hover { transform: translateY(-2px); box-shadow: 0 10px 26px rgba(0,0,0,.28); border-color: rgba(255,255,255,.18); }

@media (max-width: 768px) {
  .meta-pills { left: 6px; right: 6px; bottom: 2px; }
  .meta-pills .pill { font-size: 11px; gap: 4px; padding: 0 3px; }
  .meta-pills .pill svg { width: 14px; height: 14px; }
  .stui-vodlist__detail { padding: 8px 8px 10px; }
}

/* ===================== Section Head（分区标题/统计） ===================== */
.section-head {
  display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px;
  border-radius: 12px; background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  border: 1px solid rgba(255,255,255,.10); box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
.sec-title { margin: 0; font-size: 18px; line-height: 1.25; font-weight: 700; color: #fff; letter-spacing: .5px; }
.sec-stats { display: flex; align-items: center; gap: 10px; text-decoration: none; color: #fff; font-size: 13px; line-height: 1; }
.sec-stats .dot { width: 6px; height: 6px; border-radius: 50%; background: rgba(255,255,255,.25); }
.sec-stats .stat { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 999px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.10); box-shadow: 0 2px 10px rgba(0,0,0,.25); white-space: nowrap; }
.sec-stats .num { font-weight: 700; color: #008000; text-shadow: 0 1px 2px rgba(0,0,0,.5); }
.sec-stats .today .num { color: #ff6b6b; }
.sec-stats .stat:hover { border-color: rgba(255,255,255,.18); transform: translateY(-1px); transition: all .15s ease; }

@media (max-width: 768px) {
  .section-head { flex-direction: column; align-items: center; gap: 8px; text-align: center; }
  .sec-title { width: 100%; font-size: 16px; text-align: center; }
  .sec-stats { width: 100%; justify-content: center; flex-wrap: wrap; gap: 8px; }
}

/* ===================== Header – iOS 粘顶/搜索/菜单（新布局作用域化） ===================== */
.stui-header.ios26 { position: sticky; top: 0; z-index: 999; background: #000; border-bottom: 1px solid rgba(255,255,255,.10); }
.stui-header.ios26 .container { padding: 6px 10px; }
.stui-header.ios26 .row { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 0; }

/* 将新布局限定在 .ios26 作用域内，避免影响旧布局 */
.stui-header.ios26 .stui_header__user { margin-left: auto; display: flex; align-items: center; gap: 8px; }
.stui-header.ios26 .stui_header__user .btn-search {
  display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 10px;
  border: 1px solid rgba(255,255,255,.12); background: #008000; color: #e5e7eb; box-shadow: 0 4px 12px rgba(0,0,0,0.25);
}
.stui-header.ios26 .stui_header__user .btn-search .iconfont { font-size: 18px; line-height: 1; }

..search-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 1;
}

/* ✅ 默认就展开的内联搜索框（PC + 手机） */
.search-inline{
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  height: 36px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 10px;
  background: #000;
  box-shadow: 0 6px 14px rgba(0,0,0,.22);

  /* 关键：直接给正常宽度 + 显示 */
  width: var(--search-w-pc, 138px);
  opacity: 1;
  pointer-events: auto;
  transition: width .25s ease, opacity .2s ease;
}

/* 手机时稍微短一点 */
@media (max-width:1024px){
  .search-inline{
    width: var(--search-w-m, 138px);
  }
}

.search-inline .form-control { width: 100%; height: 34px; padding: 0 12px; border: 0; outline: 0; background: #000; color: #e5e7eb; font-size: 14px; min-width: 0; }

/* ======= 合并后的菜单样式（避免多处冲突） ======= */
.stui-header__menu {
  margin-left: 16px; display: flex; align-items: center; gap: 6px; float: none !important;
  background-color: #222; padding: 6px 14px; border-radius: 50px;
}
.stui-header__menu li { float: none; }
.stui-header__menu li a {
  position: relative; display: inline-flex; align-items: center; justify-content: center;
  height: 36px; line-height: 36px; padding: 0 18px; border-radius: 999px;
  background: linear-gradient(90deg, #006400, #00a000);
  border: 1px solid rgba(255,255,255,.12);
  color: #e5e7eb; white-space: nowrap; box-shadow: 0 6px 14px rgba(0,0,0,.22); font-size: 13px;
  transition: background .3s ease, transform .2s ease, border-color .15s ease;
}
.stui-header__menu li a:hover, .stui-header__menu li.active a { border-color: rgba(255,255,255,.28); background: linear-gradient(90deg, #00a000, #00ff00); color: #fff; transform: translateY(-2px); }
.stui-header__menu li.active a::before {
  content: ""; position: absolute; left: 25%; bottom: -10px; width: 50%; height: 3px; background-color: #00ff00; border-radius: 2px;
}

/* 搜索框展开宽度变量 */
:root { --search-w-pc: clamp(78px, 36vw, 138px); --search-w-m: min(78vw, 138px); }

@media (min-width: 1025px) {
  .stui-header__logo { order: 1; }
  .stui-header__menu { order: 2; margin-left: 16px; }
  .stui-header.ios26 .stui_header__user { order: 3; margin-left: auto; }
  .search-wrap.open .search-inline { width: var(--search-w-pc); opacity: 1; pointer-events: auto; }
  .stui-header.ios26 .row, .stui-header__menu, .stui-header.ios26 .stui_header__user { align-items: center; }
  .stui-header.ios26 .stui_header__user .btn-search, .search-wrap .search-inline { transform: translateY(4px); }
}

@media (max-width: 1024px) {
  .stui-header.ios26 .container { padding-left: 6px; padding-right: 6px; }
  .stui-header.ios26 .stui_header__user { order: 2; margin-left: auto; }
  .stui-header__menu {
    order: 3; width: 100%; margin: 0; padding: 0 0 0 0; display: flex; align-items: center; gap: 0;
    overflow-x: auto; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; scrollbar-width: none; position: relative;
    --nav-arrow-w: 0px; --nav-arrow-gap: 8px;
  }
  .stui-header__menu::-webkit-scrollbar { display: none; }
  .stui-header__menu li:first-child { margin-left: calc(var(--nav-arrow-w) + var(--nav-arrow-gap)); }
  .stui-header__menu li:last-child { margin-right: calc(var(--nav-arrow-w) + var(--nav-arrow-gap)); }
  .stui-header__menu::before, .stui-header__menu::after {
    content: ""; position: sticky; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; width: var(--nav-arrow-w); pointer-events: none; z-index: 1; opacity: 0; visibility: hidden;
  }
  .stui-header__menu::before { left: 0; background: linear-gradient(to right, rgba(0,0,0,.85), rgba(0,0,0,0)); }
  .stui-header__menu::after { right: 0; background: linear-gradient(to left, rgba(0,0,0,.85), rgba(0,0,0,0)); }
  .stui-header__menu.can-left::before, .stui-header__menu.can-right::after { opacity: .85; visibility: visible; }
  .stui-header__menu.can-left::before { content: "《"; color: #e5e7eb; font-size: 20px; text-shadow: 0 0 8px rgba(0,0,0,.6); }
  .stui-header__menu.can-right::after { content: "》"; color: #e5e7eb; font-size: 20px; text-shadow: 0 0 8px rgba(0,0,0,.6); }
  .search-wrap.open .search-inline { width: var(--search-w-m); opacity: 1; pointer-events: auto; }
}

/* ===================== Header Logo（品牌 + 官网徽章） ===================== */
.stui-header__logo {
  display: flex; align-items: center; gap: 14px; margin-left: 10px;
}
.stui-header__logo .logo-brand {
  display: inline-flex; align-items: center; gap: 12px; padding: 8px 14px; border-radius: 14px;
  text-decoration: none; line-height: 1; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.14); color: #fff;
  transition: transform .15s ease, border-color .15s ease, box-shadow .2s ease;
}
.stui-header__logo .logo-brand:hover { transform: translateY(-1px); border-color: rgba(255,255,255,.22); box-shadow: 0 8px 18px rgba(0,0,0,.26); }
.stui-header__logo .brand-icon { width: 80px; height: 80px; flex: 0 0 auto; display: block; object-fit: contain; }
.stui-header__logo .brand-text { font-size: 27px; font-weight: 800; letter-spacing: .5px; color: #fff; text-shadow: 0 2px 4px rgba(0,0,0,.5); }

.stui-header__logo .logo-official {
  display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 999px; line-height: 1; text-decoration: none;
  background: linear-gradient(90deg, #006400, #00a000); color: #fff; border: 1px solid rgba(255,255,255,.16);
  transition: transform .15s ease, filter .15s ease;
}
.stui-header__logo .logo-official:hover { transform: translateY(-1px); filter: brightness(1.05); }
.stui-header__logo .logo-official .tag { opacity: .95; font-size: 18px; }
.stui-header__logo .logo-official .host { font-size: 18px; font-weight: 800; letter-spacing: .4px; }

@media (max-width: 768px) {
  .stui-header__logo { gap: 15px; }
  .stui-header__logo .logo-brand { padding: 6px 10px; gap: 10px; }
  .stui-header__logo .brand-icon { width: 65px; height: 65px; }
  .stui-header__logo .brand-text { font-size: 22px; }
  .stui-header__logo .logo-official { padding: 6px 10px; gap: 6px; }
  .stui-header__logo .logo-official .host { font-size: 16px; }
}

/* ===================== Theme Color Vars (footer/glass/FAB)（主题色变量） ===================== */
:root{
  --pink-from:#a855f7; --pink-to:#ec4899; --pink-ring:#e879f9;
  --glass-top:#a855f7; --glass-bot:#ec4899;
  --foot-meta-max:780px; --foot-meta-pad:16px; --foot-meta-radius:16px;
}
.stui-foot .foot-card { padding: var(--foot-meta-pad); border-radius: var(--foot-meta-radius); border: 1px solid rgba(255,255,255,0.18); background: linear-gradient(180deg, rgba(255,255,255,0.10), rgba(255,255,255,0.05)); }
.stui-foot .foot-grid { display: block; }
.stui-foot .foot-col + .foot-col { margin-top: 12px; }
@media (min-width: 992px) {
  .stui-foot .foot-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 32px; align-items: start; }
  .stui-foot .foot-col + .foot-col { margin-top: 0; }
}
.stui-foot .foot-col { background: transparent !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important; }
.stui-foot h4 { margin: 0 0 6px; font-weight: 600; }
.stui-foot p { margin: 0 0 8px; line-height: 1.65; }
.stui-foot .meta-wrap { max-width: var(--foot-meta-max); margin: 12px auto 0; }
.stui-foot .meta-box { border-radius: var(--foot-meta-radius); border: 1px solid rgba(255,255,255,0.18); background: linear-gradient(180deg, rgba(255,255,255,0.10), rgba(255,255,255,0.05)); padding: var(--foot-meta-pad); }
.stui-foot .meta-row { display: grid; grid-template-columns: 1fr; gap: 12px; }
@media (min-width: 992px) {
  .stui-foot .meta-row { grid-template-columns: 1fr 1fr; gap: 12px; }
  .stui-foot .meta-row.meta-asym-7-5 { grid-template-columns: 7fr 5fr; }
  .stui-foot .meta-row.meta-asym-6-4 { grid-template-columns: 6fr 4fr; }
}

/* ===================== FAB（悬浮按钮：首页/回顶） ===================== */
.fab { position: fixed; right: max(12px, env(safe-area-inset-right)); bottom: max(16px, env(safe-area-inset-bottom)); display: flex; flex-direction: column; gap: 10px; z-index: 2147483646; }
.fab .fab-btn {
  pointer-events: auto; height: 44px; min-width: 56px; padding: 0 14px; display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  border-radius: 9999px; border: 1px solid rgba(255,255,255,0.18); background: linear-gradient(180deg, var(--glass-top), var(--glass-bot));
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 6px 18px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.35);
  color: #fff; text-decoration: none; transition: transform .15s ease, box-shadow .15s ease, background .15s ease, opacity .2s ease, filter .15s ease;
}
.fab .fab-btn svg { width: 20px; height: 20px; stroke: currentColor; }
.fab .fab-btn:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.45); }
.fab .fab-btn:active { transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.35); }
.fab .fab-btn.home { background: linear-gradient(180deg, var(--pink-from), var(--pink-to)); border-color: var(--pink-ring); box-shadow: 0 10px 26px rgba(255,80,170,0.35), inset 0 1px 0 rgba(255,255,255,0.45); }
.fab .fab-btn.to-top { background: linear-gradient(180deg, rgba(255,96,178,0.28), rgba(255,96,178,0.12)), linear-gradient(180deg, var(--glass-top), var(--glass-bot)); border-color: var(--pink-ring); box-shadow: 0 8px 22px rgba(255,80,170,0.25), inset 0 1px 0 rgba(255,255,255,0.40); }
.fab .to-top { opacity: 1; visibility: visible; transform: translateY(0); }
.fab.show-top .to-top { opacity: 1; visibility: visible; transform: translateY(0); }
@media (prefers-color-scheme: dark) {
  .fab .fab-btn { border-color: rgba(255,255,255,0.18); background: linear-gradient(180deg, rgba(40,40,40,0.65), rgba(30,30,30,0.55)); }
  .fab .fab-btn.home { background: linear-gradient(180deg, var(--pink-from), var(--pink-to)); border-color: var(--pink-ring); }
  .fab .fab-btn.to-top { background: linear-gradient(180deg, rgba(255,96,178,0.24), rgba(255,96,178,0.10)), linear-gradient(180deg, rgba(40,40,40,0.65), rgba(30,30,30,0.55)); border-color: var(--pink-ring); }
}
@media (max-width: 420px) { .fab { gap: 8px; } .fab .fab-btn { height: 40px; min-width: 52px; padding: 0 12px; } .fab .fab-btn svg { width: 18px; height: 18px; } }
@media (prefers-reduced-motion: reduce) { .fab .fab-btn { transition: none; } .fab .to-top, .fab.show-top .to-top { transition: none; transform: none; } }

/* ===================== Ads & Icon Grid（广告区与图标宫格） ===================== */
.tp_advertising { width: 100%; display: flex; justify-content: space-around; background: #fff; position: relative; box-shadow: 0 0 5px rgba(0,0,0,.2); border: .2px solid #000; }
.tp_advertising p { color: rgba(255,255,255,0); font-size: 13px; line-height: 22px; background: #6F8EC5; position: absolute; bottom: 3px; right: 3px; margin: 3px; padding: 3px 8px; border-top-left-radius: 10px; opacity: .3; }
.list2 a, .list3 a, .list4 a { display: block; width: 100%; margin: 2px 0; }
.list3 a { margin: 1px 0; }
.list4 a { margin: 3px 0; }
.list2 a img, .list3 a img, .list4 a img { width: 100%; max-width: 100%; height: 60px; object-fit: cover; }
.list4 a img { height: 80px; }
.div_text { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; margin-bottom: 1px; }
.div_text a { flex: 1; height: 35px; text-align: center; line-height: 33px; color: #fff; font-size: 14px; text-decoration: none; margin: 0 1px; border-radius: 8px; }

.icon ul { padding: 0; margin: 0; }
.icon ul li { float: left; width: 25%; text-align: center; }
.icon ul li a { font-size: 14px; color: #fff; text-decoration: none; }
.icon ul li a:hover { color: #fff; }
.icon ul li img { margin: 0 auto; padding: 2px; width: 70px; height: 70px; border-radius: 15px; object-fit: cover; }
.icon ul li img:hover { background-color: #e37189; }

@media screen and (max-width: 960px) {
  .txtguanggao a {
    width: 24.3%; float: left; border-radius: 3px; line-height: 33px; height: 33px; text-align: center; font-size: 14px; color: #fff; display: inline-block; background-color: rgb(255,153,159); margin: 1px; transition-duration: .3s;
  }
}
@media (min-width: 961px) { .icon ul li { width: 12.5%; } .icon ul li img { width: 70px; height: 70px; } }
@media (max-width: 960px) { .icon ul li { width: 25%; } .icon ul li img { width: 70px; height: 70px; } }

.div_img > a, .mbads1 > a { border-radius: 8px; overflow: hidden; }
.div_img img, .mbads1 img { border-radius: inherit; }

/* 顶/底广告容器（配合 body 的内边距占位） */
.mbads { position: fixed; bottom: 0; left: 0; right: 0; text-align: center; z-index: 9999; }
.mbads1 img { width: 1170px; height: 80px; }
.mbads1 { position: fixed; top: 0; left: 0; right: 0; text-align: center; z-index: 9999; }

@media (max-width: 720px) {
  body { padding-top: 80px; padding-bottom: 0; } /* 移动端保持顶部占位，底部还原 */
  .mbads img { width: 100%; height: 0; }       /* 保持原有策略：此处为显示/隐藏占位策略 */
  .mbads1 img { width: 100%; height: 80px; }
  .mbads1 { display: block; }
}

/* ===================== Details: 动画/浮窗广告/顶部链接 ===================== */
@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
.float-ad { position: fixed; z-index: 19999 !important; inset: auto var(--side,2px) var(--bottom,50%) auto; }
.float-ad.right { right: 2px; left: auto; }
.float-ad.left { left: 2px; right: auto; }
.float-ad a { position: relative; display: block; }
.float-ad .ad-img { display: block; width: 65px; height: 65px; margin: 8px; border-radius: 15px; border: 2px solid #d26899; }
.float-ad .ad-close { position: absolute; top: 3px; right: 3px; width: 18px; height: 18px; border-radius: 9999px; display: flex; align-items: center; justify-content: center; background: rgb(210 104 153); color: #fff; font-size: 12px; line-height: 1; border: 0; padding: 0; cursor: pointer; z-index: 1; }
.float-ad .ad-close:hover { background: rgba(0,0,0,.85); }

.top_text { position: relative; display: grid; grid-template-columns: max-content 1fr; align-items: center; column-gap: 16px; padding: 12px 14px 10px; }
.top_text::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: linear-gradient(90deg, #008000 0%, #e24aa2 100%); opacity: .95; }
.top_text__badge {
  background: linear-gradient(90deg, #a855f7, #ec4899, #a855f7); /* 紫粉渐变：#a855f7→#ec4899→#a855f7 */
  background-size: 300% 100%;
  animation: gradient-flow 3s ease infinite; /* 保留动画流动效果 */
  color: #fff; /* 白字 */
  border-radius: 12px;
  padding: 6px 10px;
  font-weight: 700;
  font-size: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-shadow: 0 1px 2px rgba(0,0,0,.4); /* 增加文字发光层次 */
}
@keyframes gradient-flow { 0%{background-position:0% 50%;} 50%{background-position:100% 50%;} 100%{background-position:0% 50%;} }
.top_text__badge i { font-style: normal; display: inline; }

.top_text__links { width: 100%; min-width: 0; display: grid; text-align: center; column-gap: clamp(16px, 4vw, 80px); }
.top_text__links a { background: linear-gradient(180deg, #a855f7 0%, #ec4899 100%); text-decoration: none; border-radius: 18px; line-height: 1; padding: 6px 0; transition: transform .18s ease, opacity .18s ease; }
.top_text__links a:hover { transform: translateY(-1px); opacity: .9; }
@media (min-width: 992px) {
  .top_text__links { grid-template-columns: repeat(8, minmax(0, 1fr)); column-gap: clamp(10px, 2.5vw, 60px); justify-items: center; }
  .top_text__links a { display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 6px 4px; max-width: 100%; min-width: 0; white-space: nowrap; word-break: keep-all; overflow: hidden; text-overflow: clip; font-size: clamp(14px, 1.05vw, 18px); line-height: 1.05; }
  .top_text__links a:nth-child(n+9) { display: none; }
}
@media (min-width: 769px) and (max-width: 991px) {
  .top_text__links { grid-template-columns: repeat(4, 1fr); row-gap: 12px; }
  .top_text__links a { display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 6px 4px; max-width: 100%; min-width: 0; white-space: nowrap; word-break: keep-all; font-size: clamp(13px, 1.8vw, 16px); line-height: 1.05; }
  .top_text__links a:nth-child(n+9) { display: none; }
}
@media (max-width: 768px) {
  .top_text { padding-left: 12px; padding-right: 12px; column-gap: 12px; }
  .top_text__badge { flex-direction: column; gap: 4px; white-space: normal; line-height: 1.12; font-size: 15px; padding: 7px 9px; }
  .top_text__badge i { display: block; }
  .top_text__links { grid-template-columns: repeat(4, 1fr); column-gap: 10px; row-gap: 10px; }
  .top_text__links a { display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 6px 4px; max-width: 100%; min-width: 0; white-space: nowrap; word-break: keep-all; font-size: clamp(12px, 3.8vw, 15px); line-height: 1.05; }
  .top_text__links a:nth-child(n+9) { display: none; }
}
@media (max-width: 360px) { .top_text__badge { font-size: 14px; } .top_text__links a { font-size: 13.5px; } }
.top_text__links a .ico { flex: 0 0 auto; }
.top_text__links a .txt { flex: 1 1 auto; min-width: 0; }

/* ===================== Responsive Breakpoints（响应式断点） ===================== */
@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) {
  .stui-header { margin-top: 2px; }
  .stui-header__menu { display: none; } /* 旧规则：窄屏隐藏此菜单（实际移动菜单在上文已定义） */
  .stui-screen .item ul { white-space: nowrap; overflow-y: hidden; overflow-x: auto; -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; }
  .stui-vodlist li { width: 25%; }
  .stui-vodlist li.index { width: 50%; }
  .stui-vodlist li.topic { width: 50%; }
  .stui-player__left { float: none; width: 100%; }
  .stui-player__side { float: none; width: 100%; background-color: #333; }
  .stui-player__detail .more a.menu-switch { display: none; }
  .stui-player__detail .title { margin: 0 0 5px; }
  #play-box .item { min-height: 200px; }
  .stui-play__list li { width: 20%; }
}

@media (max-width: 767px) {
  .visible-xs { display: inline-block; }
  .stui-pannel__bd { padding: 0; }
  .play-bg { display: none; }
  .stui-header { margin-bottom: 2px; }
  .stui-header__logo .logo { width: 100px; height: 50px; background: url(../images/logo.png) no-repeat center/cover; }
  .stui_header__user { float: right; margin-top: 15px; margin-right: 10px; }
  .stui_header__user > li { float: left; padding-bottom: 10px; margin-left: 15px; }
  .stui_header__user > li > a .iconfont { font-size: 22px; }
  .stui_header__user > li > span { font-size: 18px; color: #fff; }
  .stui-header.play { margin: 10px 10px 0; padding: 10px; background-color: #000; }
  .stui-header.play .stui_header__user { margin-right: 0; }
  .dropdown.search, .dropdown.type { right: -60px; }
  .dropdown.search::after, .dropdown.type::after { right: 65px; }
  .stui-screen { padding: 5px; }
  .stui-screen .head { padding: 10px; }
  .stui-screen .head .all { display: none; }
  .stui-screen .item ul { padding: 10px; }
  .stui-vodlist li { padding: 5px; width: 50%; }
  .stui-vodlist li.index { width: 100%; }
  .stui-vodlist li.like { width: 33.333333%; }
  .stui-vodlist__detail { padding: 5px 10px; }
  .stui-vodlist__detail.index .title { margin-bottom: 5px; }
  .stui-vodlist__head p { display: none; }
  .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-player { padding: 0 5px; }
  .stui-player__detail { padding: 10px; }
  .stui-player__detail .more { float: none; margin: -10px -10px 10px; padding-bottom: 10px; text-align: center; background-color: #333; }
  .stui-player__detail .more a { margin-left: 0; margin-right: 10px; }
  .stui-play__list li { width: 33.333%; }
  .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; white-space: nowrap; }
  .stui-content__playlist li a { display: block; text-align: center; padding: 6px 0; }
  .stui-page__item li { display: block; float: left; width: 20%; margin: 0; padding: 0; }
  .stui-page__item li.num { display: block; }
  .stui-gbook { padding: 10px; }
  .stui-gbook__item .cont { padding: 10px; }
  .hidden-xs { display: none !important; }
}

/* ===================== Badge（通用徽章） ===================== */
.in-badge{
  position:relative; display:inline-flex; align-items:center; justify-content:center;
  padding:.25rem .8rem; border-radius:999px; background:linear-gradient(180deg,#19c37d,#0ea764);
  color:#fff; font-weight:700; font-size:.875rem; line-height:1; white-space:nowrap;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 2px 6px rgba(0,0,0,.18); isolation:isolate;
}
.stui-vodlist::after {
  content: "";
  display: block;
  clear: both;
}
/* 1) 仅隐藏旧头，不隐藏新头（手机端） */
@media (max-width:1024px){
  .stui-header:not(.ios26) .stui-header__menu { display: none; }
  .stui-header.ios26 .stui-header__menu { display: flex !important; } /* 强制显示新菜单 */
}


/* 4) 保障新菜单在移动端可滚动可见 */
.stui-header.ios26 .stui-header__menu{
  overflow-x: auto; overflow-y: hidden;
  white-space: nowrap; -webkit-overflow-scrolling: touch;
}
.stui-header.ios26 .stui-header__menu::-webkit-scrollbar { display: none; }



/* 调低 logo 底板整体高度 */
.stui-header__logo .logo-brand {
  padding: 4px 10px;     /* 原来是 8px 14px，改小垂直内边距 */
  border-radius: 10px;   /* 圆角稍减，看起来更紧凑 */
}

/* 同时把图标和文字的尺寸略缩，比例更协调 */
.stui-header__logo .brand-icon {
  width: 60px; 
  height: 60px;
}
.stui-header__logo .brand-text {
  font-size: 22px;
}
/* 卡片容器：不在视口就先跳过渲染，极大减轻首屏压力 */
.stui-vodlist__box{
 content-visibility: visible;
 contain-intrinsic-size: auto;   /* 预估尺寸，避免跳动 */
}

/* 现代浏览器用 aspect-ratio 替代 padding hack（有则优先） */
@supports (aspect-ratio: 16 / 9) {
  .stui-vodlist__thumb{
    aspect-ratio: 16 / 9;
    padding-top: 0;                        /* 你原先的 56.25% 可移除 */
  }
}

/* 移动端避免重型阴影造成掉帧，改为轻量 transform */
@media (pointer: coarse) {
  .stui-vodlist__box:hover{
    box-shadow: none !important;
    transform: translateY(-1px);           /* 轻点效果即可 */
  }
  /* 海报缩略图加载三态 */
  .stui-vodlist__thumb{ position:relative; }
  .stui-vodlist__thumb::before{
    content:""; position:absolute; inset:0;
    background:
      radial-gradient(closest-side, rgba(255,255,255,.12), rgba(255,255,255,0) 70%) center/80px 80px no-repeat,
      #0f0f0f;
    transition:opacity .2s ease, visibility .2s ease;
  }
  .stui-vodlist__thumb.is-ready::before{ opacity:0; visibility:hidden; }
  .stui-vodlist__thumb.is-error::before{
    opacity:1; visibility:visible;
    background:
      url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 24 24' fill='none' stroke='%23bbb' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='3' width='18' height='18' rx='2' ry='2'/><line x1='3' y1='3' x2='21' y2='21'/></svg>") center/56px 56px no-repeat,
      linear-gradient(135deg, #171717 25%, #1f1f1f 25% 50%, #171717 50% 75%, #1f1f1f 75%) 0 0/16px 16px;
  }
} /* ← 保证 @media (pointer: coarse) 正确闭合 */

/* 打开状态：显示内联搜索框 */
.search-wrap.open .search-inline{
  width: var(--search-w-pc, 138px);
  opacity: 1;
  pointer-events: auto;
}
@media (max-width:1024px){
  .search-wrap.open .search-inline{
    width: var(--search-w-m, 138px);
  }
}
/* 让“兔子先生”在手机端变小并与 logo 同行显示 */
.stui-header__logo {
  display: flex;
  align-items: center;
  gap: 6px; /* 图标与文字间距 */
}

.stui-header__logo .brand-text {
  font-size: 20px; /* 默认 PC 字号 */
  white-space: nowrap; /* 不换行 */
}

@media (max-width: 768px) {
  .stui-header__logo .brand-text {
    font-size: 14px; /* 手机上变小 */
  }
  .stui-header__logo img.brand-icon {
    width: 40px;
    height: 40px; /* 手机端 logo 图标也稍微缩小 */
  }
}
.fab { pointer-events: auto !important; z-index: 2147483647 !important; }
.fab .to-top { opacity: 1 !important; visibility: visible !important; transform: translateY(0) !important; pointer-events: auto !important; }

/* =========================================================
   紫粉二次元风 · 统一覆盖（放在文件末尾，确保压过绿色主题）
   ========================================================= */

/* 1) 主题变量 */
:root{
  --brand: #a855f7;     /* 紫 */
  --brand-2: #ec4899;   /* 粉 */
  --brand-3: #e879f9;   /* 亮紫粉 */
  --brand-4: #f472b6;   /* 柔粉 */
  --brand-5: #c026d3;   /* 深紫 */
  --ink:   #ffffff;
  --ink-d: #e5e7eb;
  --bg:    #0a0a0a;
}

/* 2) 全局链接 hover 由绿改为紫粉 */
a:hover, a:active { color: var(--brand-3); }

/* 3) 滚动条拇指色 */
::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb:hover{ background-color: var(--brand-5); }

/* 4) 主导航按钮改为紫粉渐变 */
.stui-header__menu li a{
  background: linear-gradient(90deg, var(--brand), var(--brand-2));
  color: var(--ink-d);
  border-color: rgba(255,255,255,.14);
}
.stui-header__menu li a:hover,
.stui-header__menu li.active a{
  background: linear-gradient(90deg, var(--brand-3), var(--brand-4));
  color: #fff;
  border-color: rgba(255,255,255,.28);
}
.stui-header__menu li.active a::before{
  background: radial-gradient(60% 200% at 50% 50%, var(--brand-3), transparent);
}

/* 5) 顶部链接条维持紫粉 */
.top_text__links a{
  background: linear-gradient(180deg, var(--brand-3), var(--brand));
  color: #fff;
  border: 1px solid rgba(255,255,255,.16);
}

/* 6) 角标 / 徽章 / 胶囊数字统一 */
.pic-tag{ background: linear-gradient(180deg, var(--brand-2), var(--brand)); color:#fff; }
.in-badge{
  background: linear-gradient(180deg, var(--brand), var(--brand-2)) !important;
  color:#fff !important;
  box-shadow: 0 0 12px rgba(168,85,247,.35), inset 0 1px 0 rgba(255,255,255,.25) !important;
}
.meta-pills .pill{
  background: linear-gradient(90deg, var(--brand), var(--brand-2));
  color:#fff; border-radius:999px;
}

/* 7) 统计数字 */
.sec-stats .num{ color: var(--brand-3); }

/* 8) 播放相关按钮 */
.stui-player__detail .more a,
.stui-content__detail .play-btn a,
.stui-play__list li a{
  background-color: #1e1930; color:#fff; border:1px solid rgba(255,255,255,.14);
}
.stui-play__list li a:hover,
.stui-play__list li.active a{
  background: linear-gradient(90deg, var(--brand), var(--brand-2));
  color:#fff;
}

/* 9) 官方徽章按钮（logo-official） */
.stui-header__logo .logo-official{
  background: linear-gradient(90deg, var(--brand), var(--brand-2));
  border-color: rgba(255,255,255,.16);
}

/* 10) 分页激活色 */
.stui-page__item li.active a, .stui-page__item li.active span{
  background-color: var(--brand);
  color:#fff;
}

/* 11) 搜索按钮色 */
.stui-header.ios26 .stui_header__user .btn-search{
  background: var(--brand);
}

/* 12) 修正：播放器侧栏激活色由绿改紫粉 */
.stui-player__side .tab li.active a{ color: var(--brand); }
.stui-player__side .tab li.active a::before{ background-color: var(--brand); }

/* 13) 留言区用户名强调 */
.stui-gbook__item .name{ color: var(--brand-3); }
.sec-stats .stat {
  background: linear-gradient(90deg, #a855f7, #ec4899, #a855f7) !important;
  background-size: 300% 100% !important;
  animation: gradient-flow 5s ease infinite !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  color: #fff !important;
  box-shadow: 0 0 12px rgba(168,85,247,.35), inset 0 1px 0 rgba(255,255,255,.25) !important;
}

/* 如果右侧有数字或图标也跟随发光紫粉 */
.sec-stats .num {
  color: #e879f9 !important;
}

/* 兜底动画（如果上面动画没定义的话） */
@keyframes gradient-flow {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
/* === 目标：列表分区标题旁的小胶囊 & “更多”按钮，强制改成紫粉流动渐变 === */
/* 常见结构：.stui-vodlist__head 里的 p a / h3 a，以及可选的 .section-head .sec-stats .stat */
.stui-vodlist__head p a,
.stui-vodlist__head h3 a,
.section-head .sec-stats .stat,
.section-head .sec-stats a.stat,
.stui-player__detail .more a {  /* 兜底：有些主题“更多”也用这个 */
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;

  /* 背景：紫(#a855f7) → 粉(#ec4899) → 紫，附带流动动画 */
  background: linear-gradient(90deg, #a855f7, #ec4899, #a855f7) !important;
  background-size: 300% 100% !important;
  background-position: 0% 50% !important;
  animation: gradient-flow 5s ease infinite !important;

  color: #fff !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  text-decoration: none !important;
  box-shadow: 0 0 12px rgba(168,85,247,.35),
              inset 0 1px 0 rgba(255,255,255,.25) !important;
}

/* 悬停更亮一点 */
.stui-vodlist__head p a:hover,
.stui-vodlist__head h3 a:hover,
.section-head .sec-stats .stat:hover,
.section-head .sec-stats a.stat:hover,
.stui-player__detail .more a:hover {
  filter: brightness(1.05) !important;
  transform: translateY(-1px) !important;
}

/* 若右侧数字/小计存在，统一为亮紫粉 */
.section-head .sec-stats .num { color: #e879f9 !important; }

/* 兜底：若项目里没有这个关键帧动画，就启用此定义 */
@keyframes gradient-flow {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
/* === 头部 LOGO 最终统一：只保留 150×50 图片块，隐藏其它文字 === */
.stui-header__logo{
  display:flex;
  align-items:center;
  margin-left:10px;
}

/* 不管 head 里是 <a class="logo"> 还是 <a class="logo-brand">，都统一成一个背景图块 */
.stui-header__logo .logo,
.stui-header__logo .logo-brand{
  display:block;
  width:150px;
  height:50px;
  padding:0;
  border:0;
  background:url('../images/logo.png') no-repeat center center;
  background-size:contain;
  text-indent:-9999px;      /* 把 a 里的文字彻底推走 */
  box-shadow:none;
}

/* 把内部 img / 文字 / “官网按钮” 全部干掉，只留这一块背景图 */
.stui-header__logo img,
.stui-header__logo .brand-icon,
.stui-header__logo .brand-text,
.stui-header__logo .logo-official{
  display:none !important;
}

/* 始终展开顶部搜索框（PC + 手机） */
.search-wrap .search-inline{
  width: var(--search-w-pc, 138px);
  opacity: 1;
  pointer-events: auto;
}

@media (max-width:1024px){
  .search-wrap .search-inline{
    width: var(--search-w-m, 138px);
  }
}

/* ===== 顶部搜索条强制常驻展开补丁（直接放在 CSS 最底部） ===== */

/* 搜索容器始终为一行，保证里面能排下按钮 + 输入框 */
.search-wrap,
.stui-header .search-wrap,
.stui-header.ios26 .search-wrap{
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

/* 搜索输入块：永远显示 & 展开 */
.search-inline,
.stui-header .search-inline,
.stui-header.ios26 .search-inline{
  display: inline-flex !important;
  align-items: center !important;
  height: 36px !important;

  width: var(--search-w-pc, 160px) !important;   /* PC 默认宽度 */
  opacity: 1 !important;
  pointer-events: auto !important;
  visibility: visible !important;

  overflow: hidden;
  border-radius: 10px;
}

/* 手机端宽度稍微短一点 */
@media (max-width:1024px){
  .search-inline,
  .stui-header .search-inline,
  .stui-header.ios26 .search-inline{
    width: var(--search-w-m, 138px) !important;
  }
}
<style>
/* 分类头部：左右布局，上下居中 */
.stui-vodlist__head {
    display: flex;
    align-items: center;          /* 上下居中 */
    justify-content: space-between; /* 左右两端对齐 */
    margin-bottom: 10px;
}

/* 标题去掉多余外边距 */
.stui-vodlist__head h3 {
    margin: 0;
}

/* 分类头部：作为定位容器 */
.stui-vodlist__head {
    position: relative;
    padding-right: 90px;   /* 给右侧按钮留空间，数字可微调 */
}

/* “更多 >” 按钮放右边，垂直居中 */
.stui-vodlist__head .more {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 14px;
    border-radius: 999px;
    background: linear-gradient(135deg,#ff4b8b,#ff9a3c);
    color: #fff;
    font-size: 14px;
    line-height: 1;
    text-decoration: none;
    box-shadow: 0 0 8px rgba(255,75,139,.4);
    cursor: pointer;
    transition: all .2s;
}

/* 悬停效果 */
.stui-vodlist__head .more:hover {
    box-shadow: 0 0 12px rgba(255,75,139,.8);
    transform: translateY(-50%) translateY(-1px);
}

<style>
/* 1. 列表完全为空时，直接隐藏整块（防止整行黑条） */
ul.stui-vodlist.clearfix.ad-sp-list:empty {
    display: none;
}

/* 2. 当列表里只有 1 个 li 时，让它占满一整行 */
ul.stui-vodlist.clearfix.ad-sp-list > li:only-child {
    width: 100% !important;  /* 覆盖原来 50% 或 33% 之类的宽度 */
    float: none !important;  /* 防止多列布局影响，它自己撑满整行 */
}
</style>