/*!
* ============================================================================
* y6.css — ysdy.cc「影视电影」全新模板设计系统
* version : v=1 (2026-11)
* palette : 朱砂红 #B3202C / 暖金 #E0A038 / 米白 #FAF6F1 / 纯白卡片
* 风格 : 亮色米白底 + 白卡 + 红色主按钮 + 暖金点缀（禁止黑底）
* 前缀 : .y6- + BEM（block / block__element / block--modifier）
* 说明 : 单文件全站样式；不引用远程字体与 CDN 资源，也不依赖任何 JS。
* 文件末尾为旧局部块兼容层（.stui-* 等），供 include 进来的
* 历史片段（如 ./Tpl/base/bootstrap3/vod_continu_foreach）使用。
*
* 目录
* 01. 设计变量 :root
* 02. 重置与基础排版
* 03. 工具类 .y6-wrap / .y6-hide / .y6-ellipsis
* 04. 顶栏 .y6-top / 搜索 .y6-search
* 05. 主导航 .y6-nav
* 06. 首屏 .y6-hero
* 07. 区块 .y6-sec
* 08. 频道卡 .y6-chans / .y6-chan
* 09. 影片网格 .y6-grid / .y6-card
* 10. 横滑 .y6-rail
* 11. 分页 .y6-pager
* 12. 详情 .y6-det
* 13. 选集 .y6-eps
* 14. 播放 .y6-player
* 15. 筛选 .y6-filter
* 16. 面包屑 .y6-crumb
* 17. 相关推荐 .y6-rel
* 18. 回顶 .y6-totop
* 19. 移动底栏 .y6-mbar
* 20. 页脚 .y6-foot
* 21. 响应式 ≤1200 / ≤992 / ≤640
* 22. 兼容层（旧 stui-* / pic-text / card-text 等）
* ============================================================================
*/
/* ==========================================================================
01. 设计变量
========================================================================== */
:root{--y6-red:#B3202C; --y6-red-d:#8E1721; --y6-red-l:#F6E4E4; --y6-gold:#E0A038; --y6-gold-l:#F3C87A;
--y6-cream:#FAF6F1; --y6-card:#FFFFFF; --y6-ink:#1F1B18; --y6-ink2:#5A5149; --y6-ink3:#8A7F75;
--y6-line:#EADFD3; --y6-r:14px; --y6-r-sm:10px; --y6-r-pill:999px;
--y6-sh:0 2px 10px rgba(31,27,24,.06); --y6-sh-h:0 12px 26px rgba(179,32,44,.16); --y6-max:1200px;}
/* 派生量：不覆盖上面的配色表，只做间距 / 动效 / 层级补充 */
:root{--y6-gap:18px; --y6-pad:16px; --y6-ease:cubic-bezier(.22,.61,.36,1); --y6-t:.28s; --y6-top-h:64px;
--y6-radius-lg:18px; --y6-red-08:rgba(179,32,44,.08); --y6-red-16:rgba(179,32,44,.16);
--y6-red-32:rgba(179,32,44,.32); --y6-gold-16:rgba(224,160,56,.16); --y6-ink-06:rgba(31,27,24,.06);}
/* ==========================================================================
02. 重置与基础排版
========================================================================== */
*,
*::before,
*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;}
body{margin:0; background:var(--y6-cream); color:var(--y6-ink);
font-family:system-ui,-apple-system,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
font-size:15px; line-height:1.65; overflow-x:hidden; -webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;}
h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;line-height:1.3;color:var(--y6-ink);}
p{margin:0;}
ul,ol{margin:0;padding:0;list-style:none;}
a{color:inherit;text-decoration:none;transition:color var(--y6-t) var(--y6-ease);}
a:hover{color:var(--y6-red);}
img{max-width:100%;border:0;vertical-align:middle;}
button,
input,
select,
textarea{font:inherit;color:inherit;}
button{cursor:pointer;}
svg{display:block;}
::selection{background:var(--y6-red);color:#fff;}
/* 键盘可达性：统一焦点环，不破坏鼠标体验 */
a:focus-visible,
button:focus-visible,
input:focus-visible,
.y6-eps__item:focus-visible{outline:2px solid var(--y6-red);
outline-offset:2px; border-radius:6px;}
/* 细滚动条（不影响功能，仅视觉收敛） */
::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-track{background:var(--y6-cream);}
::-webkit-scrollbar-thumb{background:#DCCFC1; border-radius:var(--y6-r-pill);
border:2px solid var(--y6-cream);}
::-webkit-scrollbar-thumb:hover{background:var(--y6-gold);}
/* 页面主容器：所有 section 由 .y6-wrap 收口 */
.y6-main{display:block;padding-bottom:36px;}
/* ==========================================================================
03. 工具类
========================================================================== */
.y6-wrap{width:100%;max-width:var(--y6-max);margin:0 auto;padding:0 var(--y6-pad);}
.y6-hide{display:none !important;}
.y6-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
/* 视觉隐藏但保留给读屏（不外露新组件类，仅作工具补充） */
.y6-sr{position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden;
clip:rect(0 0 0 0); white-space:nowrap; border:0;}
/* 通用分隔线 */
.y6-hr{height:1px; margin:28px 0;
background:linear-gradient(90deg,transparent,var(--y6-line),transparent); border:0;}
/* ==========================================================================
04. 顶栏 .y6-top
========================================================================== */
.y6-top{position:sticky; top:0; z-index:60; background:rgba(255,255,255,.94);
border-bottom:1px solid var(--y6-line);
box-shadow:0 1px 0 rgba(255,255,255,.9) inset, 0 2px 8px rgba(31,27,24,.03);
-webkit-backdrop-filter:saturate(160%) blur(10px); backdrop-filter:saturate(160%) blur(10px);}
.y6-top__inner{display:flex; align-items:center; gap:18px; max-width:var(--y6-max);
min-height:var(--y6-top-h); margin:0 auto; padding:9px var(--y6-pad);}
/* logo */
.y6-logo{display:flex;align-items:center;flex:0 0 auto;height:34px;color:var(--y6-ink);}
.y6-logo img,
.y6-logo svg{display:block;height:34px;width:auto;}
.y6-logo:hover{color:var(--y6-red);}
/* 搜索 */
.y6-search{position:relative; display:flex; align-items:center; flex:1 1 auto; max-width:420px;
margin:0; padding:3px 3px 3px 14px; background:var(--y6-cream); border:1px solid var(--y6-line);
border-radius:var(--y6-r-pill);
transition:border-color var(--y6-t) var(--y6-ease),
box-shadow var(--y6-t) var(--y6-ease),
background var(--y6-t) var(--y6-ease);}
.y6-search:focus-within{background:#fff; border-color:var(--y6-red-32);
box-shadow:0 0 0 3px var(--y6-red-08);}
.y6-search__wd{flex:1 1 auto; min-width:0; height:34px; padding:0 8px 0 0; background:transparent;
border:0; outline:none; font-size:14px; color:var(--y6-ink);}
.y6-search__wd::placeholder{color:var(--y6-ink3);font-size:13px;}
.y6-search__btn{flex:0 0 auto; height:34px; padding:0 18px; background:var(--y6-red); color:#fff;
border:0; border-radius:var(--y6-r-pill); font-size:14px; font-weight:600; letter-spacing:.5px;
transition:background var(--y6-t) var(--y6-ease),
box-shadow var(--y6-t) var(--y6-ease),
transform var(--y6-t) var(--y6-ease);}
.y6-search__btn:hover{background:var(--y6-red-d);box-shadow:0 6px 14px rgba(179,32,44,.24);}
.y6-search__btn:active{transform:translateY(1px);}
/* 右侧快捷入口 */
.y6-top__quick{display:flex; align-items:center; gap:16px; margin-left:auto; flex:0 0 auto;
font-size:13px; color:var(--y6-ink2);}
.y6-top__quick a{position:relative; display:inline-flex; align-items:center; gap:5px; padding:6px 2px;
white-space:nowrap;}
.y6-top__quick a::before{content:""; width:5px; height:5px; border-radius:50%;
background:var(--y6-gold); box-shadow:0 0 0 3px var(--y6-gold-16);}
.y6-top__quick a:hover{color:var(--y6-red);}
.y6-top__quick a:hover::before{background:var(--y6-red);}
/* ==========================================================================
05. 主导航 .y6-nav
========================================================================== */
.y6-nav{background:#fff;border-bottom:1px solid var(--y6-line);}
.y6-nav__list{display:flex; align-items:center; gap:4px; max-width:var(--y6-max); margin:0 auto;
padding:0 var(--y6-pad); overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch;
scrollbar-width:none;}
.y6-nav__list::-webkit-scrollbar{display:none;}
.y6-nav__item{flex:0 0 auto;}
.y6-nav__item > a{position:relative; display:block; padding:12px 14px; font-size:14.5px;
font-weight:500; color:var(--y6-ink2); white-space:nowrap;
transition:color var(--y6-t) var(--y6-ease);}
.y6-nav__item > a::after{content:""; position:absolute; left:14px; right:14px; bottom:0; height:2.5px;
border-radius:2px 2px 0 0; background:linear-gradient(90deg,var(--y6-red),var(--y6-gold));
transform:scaleX(0); transform-origin:center; transition:transform var(--y6-t) var(--y6-ease);}
.y6-nav__item > a:hover{color:var(--y6-red);}
.y6-nav__item > a:hover::after{transform:scaleX(.7);}
.y6-nav__item.is-on > a{color:var(--y6-red);font-weight:700;}
.y6-nav__item.is-on > a::after{transform:scaleX(1);}
/* 导航里的短提示（如「热」） */
.y6-nav__item i,
.y6-nav__tip{display:inline-block; margin-left:4px; padding:0 7px; font-size:11px;
font-style:normal; line-height:18px; white-space:nowrap; color:var(--y6-red-d);
background:var(--y6-gold-16); border:1px solid rgba(224,160,56,.34); border-radius:var(--y6-r-pill);
vertical-align:2px;}
/* ==========================================================================
06. 首屏 .y6-hero
========================================================================== */
.y6-hero{position:relative; margin:22px 0 8px; padding:36px 34px 32px;
background:
radial-gradient(120% 140% at 88% -20%, rgba(224,160,56,.18) 0%, rgba(224,160,56,0) 58%),
radial-gradient(90% 120% at 0% 0%, rgba(179,32,44,.09) 0%, rgba(179,32,44,0) 62%),
linear-gradient(160deg,#FFFFFF 0%,#FFFBF6 52%,#FDF4EA 100%);
border:1px solid var(--y6-line); border-radius:var(--y6-radius-lg); box-shadow:var(--y6-sh);
overflow:hidden;}
/* 顶部红金细线 */
.y6-hero::before{content:""; position:absolute; left:0; top:0; width:100%; height:3px;
background:linear-gradient(90deg,var(--y6-red) 0%,var(--y6-red) 38%,var(--y6-gold) 100%);}
/* 右下角装饰圆（纯 CSS，不引图） */
.y6-hero::after{content:""; position:absolute; right:-70px; bottom:-90px; width:240px; height:240px;
border-radius:50%; border:1px dashed rgba(224,160,56,.35); pointer-events:none;}
.y6-hero__title{position:relative; margin:0 0 12px; font-size:clamp(23px,2.9vw,34px); line-height:1.28;
letter-spacing:.3px; color:var(--y6-ink);}
.y6-hero__title em{font-style:normal;color:var(--y6-red);}
.y6-hero__desc{position:relative; max-width:760px; margin:0 0 18px; font-size:14.5px; line-height:1.85;
color:var(--y6-ink2);}
.y6-hero__chips{position:relative;display:flex;flex-wrap:wrap;gap:9px;margin:0 0 22px;}
.y6-hero__chips a{display:inline-flex; align-items:center; height:32px; padding:0 15px; font-size:13px;
color:var(--y6-ink2); background:#fff; border:1px solid var(--y6-line);
border-radius:var(--y6-r-pill);
transition:color var(--y6-t) var(--y6-ease),
border-color var(--y6-t) var(--y6-ease),
background var(--y6-t) var(--y6-ease),
box-shadow var(--y6-t) var(--y6-ease),
transform var(--y6-t) var(--y6-ease);}
.y6-hero__chips a:hover{color:#fff; background:var(--y6-red); border-color:var(--y6-red);
box-shadow:0 6px 14px rgba(179,32,44,.2); transform:translateY(-1px);}
.y6-hero__chips a:first-child{color:var(--y6-red); border-color:var(--y6-red-32);
background:var(--y6-red-l);}
.y6-hero__chips a:first-child:hover{color:#fff;background:var(--y6-red);}
.y6-hero__stats{position:relative; display:flex; flex-wrap:wrap; gap:10px 34px; padding-top:20px;
border-top:1px dashed var(--y6-line);}
.y6-hero__stats > *{display:flex;align-items:baseline;gap:7px;}
.y6-hero__stats b{font-size:22px; font-weight:800; line-height:1.1; color:var(--y6-red);
font-variant-numeric:tabular-nums;}
.y6-hero__stats span{font-size:12.5px;color:var(--y6-ink3);letter-spacing:.4px;}
/* 统计项之间的金色竖分隔 */
.y6-hero__stats > * + *{position:relative;}
.y6-hero__stats > * + *::before{content:""; position:absolute; left:-18px; top:50%; width:1px;
height:16px; margin-top:-8px; background:var(--y6-line);}
/* ==========================================================================
07. 区块 .y6-sec
========================================================================== */
.y6-sec{margin:30px 0 0;}
.y6-sec__head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 16px;}
.y6-sec__title{position:relative; display:flex; align-items:center; gap:10px; margin:0;
padding-left:14px; font-size:19px; font-weight:800; letter-spacing:.4px; color:var(--y6-ink);}
.y6-sec__title::before{content:""; position:absolute; left:0; top:50%; width:4px; height:18px;
margin-top:-9px; border-radius:2px; background:linear-gradient(180deg,var(--y6-red),var(--y6-gold));}
.y6-sec__title a{color:inherit;}
.y6-sec__title a:hover{color:var(--y6-red);}
.y6-sec__title small{font-size:12px; font-weight:500; color:var(--y6-ink3); letter-spacing:1.2px;
text-transform:uppercase;}
.y6-sec__more{display:inline-flex; align-items:center; gap:4px; flex:0 0 auto; padding:6px 13px;
font-size:13px; color:var(--y6-ink2); background:#fff; border:1px solid var(--y6-line);
border-radius:var(--y6-r-pill);
transition:color var(--y6-t) var(--y6-ease),
border-color var(--y6-t) var(--y6-ease),
background var(--y6-t) var(--y6-ease);}
a.y6-sec__more::after{content:"›";font-size:15px;line-height:1;color:var(--y6-gold);}
a.y6-sec__more:hover{color:var(--y6-red);background:var(--y6-red-l);border-color:var(--y6-red-32);}
.y6-sec__body{position:relative;}
/* ==========================================================================
08. 频道卡 .y6-chans / .y6-chan
========================================================================== */
.y6-chans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--y6-gap);margin:26px 0 0;}
.y6-chan{position:relative; display:flex; align-items:center; gap:13px; padding:16px 18px;
background:var(--y6-card); border:1px solid var(--y6-line); border-radius:var(--y6-r);
box-shadow:var(--y6-sh); overflow:hidden;
transition:transform var(--y6-t) var(--y6-ease),
box-shadow var(--y6-t) var(--y6-ease),
border-color var(--y6-t) var(--y6-ease);}
.y6-chan::after{content:""; position:absolute; right:-26px; top:-26px; width:72px; height:72px;
border-radius:50%; background:var(--y6-gold-16); transition:transform var(--y6-t) var(--y6-ease);
pointer-events:none;}
.y6-chan:hover{transform:translateY(-3px);border-color:var(--y6-red-32);box-shadow:var(--y6-sh-h);}
.y6-chan:hover::after{transform:scale(1.35);}
.y6-chan__ico{flex:0 0 auto; display:grid; place-items:center; width:46px; height:46px; font-size:21px;
line-height:1; background:linear-gradient(145deg,var(--y6-red-l),#FFF7EF);
border:1px solid var(--y6-red-16); border-radius:13px;}
.y6-chan b{display:block;font-size:15.5px;font-weight:700;color:var(--y6-ink);line-height:1.4;}
.y6-chan i{display:block; margin-top:1px; font-size:11px; font-style:normal; letter-spacing:1.4px;
text-transform:uppercase; color:var(--y6-ink3);}
.y6-chan:hover b{color:var(--y6-red);}
/* ==========================================================================
09. 影片网格 .y6-grid / 卡片 .y6-card
========================================================================== */
.y6-grid{display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:var(--y6-gap); margin:0;
padding:0; list-style:none;}
.y6-card{position:relative; display:block; background:var(--y6-card); border:1px solid var(--y6-line);
border-radius:var(--y6-r); box-shadow:var(--y6-sh); overflow:hidden;
transition:transform var(--y6-t) var(--y6-ease),
box-shadow var(--y6-t) var(--y6-ease),
border-color var(--y6-t) var(--y6-ease);}
/* 顶部红金描边：hover 时从左展开 */
.y6-card::after{content:""; position:absolute; left:0; top:0; z-index:3; width:100%; height:2.5px;
background:linear-gradient(90deg,var(--y6-red),var(--y6-gold)); transform:scaleX(0);
transform-origin:left center; transition:transform .36s var(--y6-ease); pointer-events:none;}
.y6-card:hover{transform:translateY(-4px);border-color:var(--y6-red-32);box-shadow:var(--y6-sh-h);}
.y6-card:hover::after{transform:scaleX(1);}
.y6-card__link{display:block;color:inherit;padding-bottom:10px;}
.y6-card__link:hover{color:inherit;}
/* 3:4 海报容器（133.33% = 4/3） */
.y6-card__pic{position:relative; display:block; width:100%; padding-top:133.33%;
background:
linear-gradient(150deg,#F3EAE0 0%,#FBF6F1 60%,#F7EEE3 100%); overflow:hidden;}
.y6-card__pic img{position:absolute; left:0; top:0; display:block; width:100%; height:100%;
object-fit:cover; object-position:center; border:0;
transition:transform .5s var(--y6-ease), filter .5s var(--y6-ease); will-change:transform;}
.y6-card:hover .y6-card__pic img{transform:scale(1.045);filter:saturate(1.06) contrast(1.02);}
/* 图片底部柔和渐变，保证角标在任何海报上都可读 */
.y6-card__pic::after{content:""; position:absolute; left:0; right:0; bottom:0; height:46%;
background:linear-gradient(to top,rgba(31,27,24,.42),rgba(31,27,24,0)); opacity:.9;
pointer-events:none; transition:opacity var(--y6-t) var(--y6-ease);}
.y6-card:hover .y6-card__pic::after{opacity:1;}
/* 角标（集数 / 更新至 / 高清） */
.y6-card__badge{position:absolute; left:8px; bottom:8px; z-index:2; display:inline-block;
max-width:calc(100% - 16px); padding:2px 8px; font-size:11px; font-weight:600; line-height:1.6;
color:#fff; background:rgba(179,32,44,.92); border-radius:var(--y6-r-pill); overflow:hidden;
white-space:nowrap; text-overflow:ellipsis; -webkit-backdrop-filter:blur(2px);
backdrop-filter:blur(2px);}
/* 角标若写在 .y6-card__pic 之外，仍贴在海报左上角 */
.y6-card > .y6-card__badge{left:8px; bottom:auto; top:8px;
background:linear-gradient(135deg,var(--y6-red),var(--y6-red-d));
box-shadow:0 3px 8px rgba(31,27,24,.18);}
.y6-card__title{display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;
margin:8px 10px 0; font-size:13.5px; font-weight:600; line-height:1.42; min-height:2.84em;
color:var(--y6-ink); transition:color var(--y6-t) var(--y6-ease);}
.y6-card:hover .y6-card__title{color:var(--y6-red);}
.y6-card__meta{display:flex; align-items:center; gap:5px; margin:3px 10px 0; font-size:11.5px;
line-height:1.5; color:var(--y6-ink3); overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.y6-card__meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.y6-card__meta i{flex:0 0 auto; width:3px; height:3px; border-radius:50%; background:var(--y6-gold);
font-style:normal;}
/* 评分数字用暖金强调 */
.y6-card__meta b{flex:0 0 auto; margin-left:auto; font-size:11.5px; font-weight:700;
color:var(--y6-gold); font-variant-numeric:tabular-nums;}
/* 网格为空时的提示（列表页兜底） */
.y6-grid:empty::after{content:"暂无影片"; display:block; grid-column:1 / -1; padding:48px 0;
text-align:center; color:var(--y6-ink3);}
/* ==========================================================================
10. 横滑 .y6-rail
========================================================================== */
.y6-rail{display:flex; gap:13px; margin:0 -4px; padding:4px 4px 12px; overflow-x:auto;
overflow-y:hidden; scroll-snap-type:x proximity; -webkit-overflow-scrolling:touch;
scrollbar-width:thin; scrollbar-color:#DCCFC1 transparent;}
.y6-rail::-webkit-scrollbar{height:6px;}
.y6-rail::-webkit-scrollbar-thumb{background:#DCCFC1;border:0;border-radius:var(--y6-r-pill);}
.y6-rail::-webkit-scrollbar-track{background:transparent;}
.y6-rail__item{flex:0 0 148px;width:148px;scroll-snap-align:start;}
/* 横滑项内若直接放 （参考模板结构），也给到卡片外观 */
.y6-rail__item > a{display:block; background:var(--y6-card); border:1px solid var(--y6-line);
border-radius:var(--y6-r); box-shadow:var(--y6-sh); overflow:hidden; padding-bottom:9px;
transition:transform var(--y6-t) var(--y6-ease),
box-shadow var(--y6-t) var(--y6-ease),
border-color var(--y6-t) var(--y6-ease);}
.y6-rail__item > a:hover{transform:translateY(-3px); border-color:var(--y6-red-32);
box-shadow:var(--y6-sh-h);}
/* 横滑项里的图：有 .y6-card__pic 就沿用，没有则用 img 直接兜底 */
.y6-rail__item img{display:block; width:100%; height:auto; aspect-ratio:3 / 4; object-fit:cover;
background:#F3EAE0; transition:transform .5s var(--y6-ease);}
.y6-rail__item > a:hover img{transform:scale(1.04);}
.y6-rail__item b{display:block; margin:7px 9px 0; font-size:13px; font-weight:600; line-height:1.4;
color:var(--y6-ink); overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.y6-rail__item > a:hover b{color:var(--y6-red);}
.y6-rail__item i{display:block; margin:2px 9px 0; font-size:11px; font-style:normal;
color:var(--y6-ink3); overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
/* 横滑里的 .y6-card 不需要再套一层外框 */
.y6-rail__item .y6-card{height:100%;}
/* ==========================================================================
11. 分页 .y6-pager
========================================================================== */
.y6-pager li{list-style:none; margin:0; padding:0;}
.y6-pager div{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:7px;}
.y6-pager{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:7px;
margin:34px 0 6px;}
.y6-pager a,
.y6-pager span{display:inline-flex; align-items:center; justify-content:center;
min-width:38px; height:38px; padding:0 12px; font-size:13.5px; font-weight:500; color:var(--y6-ink2);
background:#fff; border:1px solid var(--y6-line); border-radius:var(--y6-r-sm);
box-shadow:0 1px 2px rgba(31,27,24,.04);
transition:color var(--y6-t) var(--y6-ease),
border-color var(--y6-t) var(--y6-ease),
background var(--y6-t) var(--y6-ease),
box-shadow var(--y6-t) var(--y6-ease),
transform var(--y6-t) var(--y6-ease);}
.y6-pager a:hover{color:var(--y6-red); background:var(--y6-red-l); border-color:var(--y6-red-32);
transform:translateY(-1px);}
.y6-pager a.is-on,
.y6-pager .is-on{color:#fff; font-weight:700;
background:linear-gradient(135deg,var(--y6-red),var(--y6-red-d)); border-color:var(--y6-red-d);
box-shadow:0 6px 16px rgba(179,32,44,.22); pointer-events:none;}
/* 上一页 / 下一页 */
.y6-pager a[rel="prev"],
.y6-pager a[rel="next"]{padding:0 16px;font-weight:600;}
/* 页码省略号 */
.y6-pager .y6-pager__gap{min-width:22px; padding:0 2px; background:transparent;
border-color:transparent; box-shadow:none; color:var(--y6-ink3);}
/* 分页条上方的信息行（共 N 条） */
.y6-pager__info{width:100%;margin:0 0 8px;font-size:12.5px;text-align:center;color:var(--y6-ink3);}
/* ==========================================================================
12. 详情 .y6-det
========================================================================== */
.y6-det{display:grid; grid-template-columns:300px minmax(0,1fr); gap:28px; margin:0; padding:24px;
background:var(--y6-card); border:1px solid var(--y6-line); border-radius:var(--y6-radius-lg);
box-shadow:var(--y6-sh);}
/* 海报列 */
.y6-det__poster{position:relative; display:block; width:100%; border-radius:var(--y6-r);
overflow:hidden; background:linear-gradient(150deg,#F3EAE0,#FBF6F1);
box-shadow:0 10px 24px rgba(31,27,24,.14);}
.y6-det__poster img{display:block; width:100%; height:auto; aspect-ratio:3 / 4; object-fit:cover;
object-position:center;}
/* 海报上的播放按钮
两种写法都兼容：
1) .playbtn —— 纯图标，圆形白底（旧 bootstrap 类）
2) .y6-det__posterbtn —— 带文字，海报底部胶囊 */
.y6-det__poster .playbtn{position:absolute; left:50%; top:50%;
display:grid; place-items:center; width:54px; height:54px; margin:-27px 0 0 -27px;
background:rgba(255,255,255,.92); border-radius:50%; color:var(--y6-red);
box-shadow:0 6px 20px rgba(31,27,24,.28);
transition:transform var(--y6-t) var(--y6-ease),
background var(--y6-t) var(--y6-ease);}
.y6-det__poster .y6-det__posterbtn{position:absolute; left:50%; bottom:14px; z-index:2;
display:inline-flex; align-items:center; gap:7px; height:36px; padding:0 20px;
transform:translateX(-50%); white-space:nowrap; font-size:13px; font-weight:700;
letter-spacing:.5px; color:var(--y6-red); background:rgba(255,255,255,.94);
border:1px solid rgba(255,255,255,.7); border-radius:var(--y6-r-pill);
box-shadow:0 6px 18px rgba(31,27,24,.26);
transition:transform var(--y6-t) var(--y6-ease),
background var(--y6-t) var(--y6-ease),
color var(--y6-t) var(--y6-ease);}
.y6-det__poster:hover .playbtn{transform:scale(1.08);background:#fff;}
.y6-det__poster:hover .y6-det__posterbtn{color:#fff; background:var(--y6-red);
transform:translateX(-50%) scale(1.03);}
/* 信息列 */
.y6-det__info{min-width:0;display:flex;flex-direction:column;}
.y6-det__info>.y6-det__desc{flex:1 1 auto;min-height:0;margin-bottom:14px;overflow:hidden;}
/* 广告位：独占一行，空则隐藏（原来插在 poster 与 info 之间会挤占网格列） */
.y6-det__ad{grid-column:1 / -1;}
.y6-det__ad:empty{display:none;}
.y6-det__title{margin:0 0 6px; font-size:clamp(21px,2.2vw,27px); font-weight:800; line-height:1.32;
letter-spacing:.3px; color:var(--y6-ink);}
.y6-det__title small{margin-left:8px;font-size:14px;font-weight:400;color:var(--y6-ink3);}
/* 副标题 / 原始名 */
.y6-det__sub{margin:0 0 12px;font-size:13px;color:var(--y6-ink3);}
/* 元信息：类型 / 地区 / 年份 / 时长 */
.y6-det__meta{display:flex; flex-wrap:wrap; gap:6px 20px; margin:0 0 14px; font-size:13.5px;
color:var(--y6-ink2); line-height:1.9;}
.y6-det__meta a{color:var(--y6-red);border-bottom:1px dashed rgba(179,32,44,.35);}
.y6-det__meta a:hover{color:var(--y6-red-d);border-bottom-style:solid;}
.y6-det__meta span{display:inline-flex;align-items:baseline;gap:5px;}
.y6-det__meta em{font-style:normal;font-size:12.5px;color:var(--y6-ink3);}
/* 评分：暖金强调 */
.y6-det__meta b{font-size:17px;font-weight:800;color:var(--y6-gold);font-variant-numeric:tabular-nums;}
/* 标签（演员 / 关键词） */
.y6-det__tags{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 14px;}
.y6-det__tags a{display:inline-block; padding:3px 11px; font-size:12.5px; color:var(--y6-ink2);
background:var(--y6-cream); border:1px solid var(--y6-line); border-radius:var(--y6-r-pill);
transition:color var(--y6-t) var(--y6-ease),
background var(--y6-t) var(--y6-ease),
border-color var(--y6-t) var(--y6-ease);}
.y6-det__tags a:hover{color:#fff;background:var(--y6-red);border-color:var(--y6-red);}
/* 剧情简介 */
.y6-det__desc{margin:0 0 18px; padding:14px 16px; font-size:14px; line-height:1.9; color:var(--y6-ink2);
background:linear-gradient(180deg,#FFFDFB,#FAF6F1); border:1px solid var(--y6-line);
border-left:3px solid var(--y6-gold); border-radius:0 var(--y6-r-sm) var(--y6-r-sm) 0;}
.y6-det__desc p{margin:0 0 8px;}
.y6-det__desc p:last-child{margin-bottom:0;}
.y6-det__desc a{color:var(--y6-red);}
/* 主播放按钮（朱砂红 / 白字 / 暖金三角） */
.y6-det__play{display:inline-flex; align-items:center; gap:9px; align-self:flex-start; height:46px;
margin:2px 0 0; padding:0 28px; font-size:15.5px; font-weight:700; letter-spacing:.5px; color:#fff;
background:linear-gradient(135deg,var(--y6-red),var(--y6-red-d)); border:0;
border-radius:var(--y6-r-pill); box-shadow:0 8px 20px rgba(179,32,44,.26);
transition:transform var(--y6-t) var(--y6-ease),
box-shadow var(--y6-t) var(--y6-ease),
filter var(--y6-t) var(--y6-ease);}
.y6-det__play::before{content:""; width:0; height:0; border-style:solid; border-width:6px 0 6px 10px;
border-color:transparent transparent transparent var(--y6-gold-l);}
.y6-det__play:hover{color:#fff; transform:translateY(-2px); filter:saturate(1.08);
box-shadow:0 12px 26px rgba(179,32,44,.34);}
.y6-det__play:active{transform:translateY(0);}
/* 详情页操作区：既可当「按钮行」容器，也可直接挂在链接上
—— 只有 a / button 子元素才画胶囊，容器本身透明不撑满 */
.y6-det__act{display:flex; align-items:center; flex-wrap:wrap; gap:10px; align-self:flex-start;
margin:14px 0 0; padding:0; background:none; border:0;}
.y6-det__act > a:not(.y6-det__play),
.y6-det__act > button:not(.y6-det__play),
.y6-det__act > span{display:inline-flex; align-items:center; gap:6px; height:38px;
padding:0 18px; font-size:13px; line-height:1; white-space:nowrap; color:var(--y6-red);
background:#fff; border:1px solid var(--y6-red-32); border-radius:var(--y6-r-pill);
transition:color var(--y6-t) var(--y6-ease),
background var(--y6-t) var(--y6-ease),
border-color var(--y6-t) var(--y6-ease);}
.y6-det__act > a:not(.y6-det__play):hover,
.y6-det__act > button:not(.y6-det__play):hover{color:#fff; background:var(--y6-red); border-color:var(--y6-red);}
/* 单独作为按钮使用时（.y6-det__act 直接是 ） */
a.y6-det__act{display:inline-flex; gap:6px; height:38px; margin-left:10px; padding:0 18px;
font-size:13px; color:var(--y6-red); background:#fff;
border:1px solid var(--y6-red-32); border-radius:var(--y6-r-pill);}
a.y6-det__act:hover{color:#fff; background:var(--y6-red); border-color:var(--y6-red);}
/* ==========================================================================
13. 选集 .y6-eps
========================================================================== */
.y6-eps{margin:26px 0 0; padding:20px 22px 22px; background:var(--y6-card);
border:1px solid var(--y6-line); border-radius:var(--y6-radius-lg); box-shadow:var(--y6-sh);}
.y6-eps__group{margin:0 0 18px;}
.y6-eps__group:last-child{margin-bottom:0;}
.y6-eps__title{display:flex; align-items:center; gap:8px; margin:0 0 11px; padding-left:10px;
font-size:15px; font-weight:700; color:var(--y6-ink); border-left:3px solid var(--y6-red);
line-height:1.4;}
.y6-eps__title small{font-size:12px;font-weight:400;color:var(--y6-ink3);}
/* 选集按钮区：自适应列，最少 62px 一格 */
.y6-eps{--y6-eps-min:94px;}
.y6-eps__group .y6-eps__item,
.y6-eps__list{display:grid;
grid-template-columns:repeat(auto-fill,minmax(var(--y6-eps-min),1fr)); gap:8px;}
.y6-eps__item{display:block;}
.y6-eps__item > a,
.y6-eps__item a,a.y6-eps__item{display:flex; align-items:center; justify-content:center; text-decoration:none; white-space:nowrap; padding:8px 6px; font-size:13px; line-height:1.5;
text-align:center; color:var(--y6-ink2); background:var(--y6-cream); border:1px solid var(--y6-line);
border-radius:var(--y6-r-sm); overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
transition:color var(--y6-t) var(--y6-ease),
background var(--y6-t) var(--y6-ease),
border-color var(--y6-t) var(--y6-ease),
box-shadow var(--y6-t) var(--y6-ease);}
.y6-eps__item a:hover,a.y6-eps__item:hover{color:var(--y6-red); background:#fff; border-color:var(--y6-red-32);
box-shadow:0 4px 10px rgba(179,32,44,.1);}
/* 当前播放集 */
.y6-eps__item.is-on > a,
.y6-eps__item.is-on a,
.y6-eps__item a.is-on,a.y6-eps__item.is-on{color:#fff; font-weight:700;
background:linear-gradient(135deg,var(--y6-red),var(--y6-red-d)); border-color:var(--y6-red-d);
box-shadow:0 5px 12px rgba(179,32,44,.24);}
/* 选集过多时折叠区（若模板使用） */
.y6-eps__more{display:block; width:100%; margin:12px 0 0; padding:9px 0; font-size:13px;
color:var(--y6-red); text-align:center; background:#fff; border:1px dashed var(--y6-red-32);
border-radius:var(--y6-r-sm);}
/* ==========================================================================
14. 播放 .y6-player
========================================================================== */
.y6-player{margin:22px 0 0;}
.y6-player__box{position:relative; width:100%; padding-top:56.25%; background:#17120F;
/* 播放区用极深暖褐，非页面底色 */
border:1px solid #2A211B; border-radius:var(--y6-radius-lg);
box-shadow:0 16px 40px rgba(31,27,24,.22); overflow:hidden;}
/* 播放器内所有 iframe / video / 旧播放器容器都铺满 */
.y6-player__box iframe,
.y6-player__box video,
.y6-player__box embed,
.y6-player__box object,
.y6-player__box > div{position:absolute;
left:0; top:0; width:100%; height:100%; border:0; display:block; background:transparent;}
/* 若模板用自带 body padding 的播放器，则改为自适应高度 */
.y6-player__box.is-fluid{padding-top:0;min-height:320px;}
/* 播放器下方信息条 */
.y6-player__bar{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;
gap:10px 16px; margin-top:12px; padding:12px 16px; background:var(--y6-card);
border:1px solid var(--y6-line); border-radius:var(--y6-r); box-shadow:var(--y6-sh);}
.y6-player__bar h1,
.y6-player__bar h2,
.y6-player__bar h3,
.y6-player__bar h4{min-width:0; margin:0;
font-size:16px; font-weight:700; color:var(--y6-ink); overflow:hidden; white-space:nowrap;
text-overflow:ellipsis;}
.y6-player__bar small,
.y6-player__bar .data{font-size:12.5px;color:var(--y6-ink3);}
.y6-player__bar a{color:var(--y6-ink2);}
.y6-player__bar a:hover{color:var(--y6-red);}
/* 播放器下方「下一集 / 相关集」横排 */
.y6-player__next{display:flex; align-items:center; gap:9px; margin:12px 0 0; padding:10px 14px;
background:var(--y6-card); border:1px solid var(--y6-line); border-radius:var(--y6-r);
overflow-x:auto; white-space:nowrap; scrollbar-width:none;}
.y6-player__next::-webkit-scrollbar{display:none;}
.y6-player__next > span,
.y6-player__next > b{flex:0 0 auto; font-size:12.5px; font-weight:600;
color:var(--y6-ink3); letter-spacing:.5px;}
.y6-player__next a{flex:0 0 auto; display:inline-flex; align-items:center; height:30px; padding:0 13px;
font-size:12.5px; color:var(--y6-ink2); background:var(--y6-cream); border:1px solid var(--y6-line);
border-radius:var(--y6-r-pill);
transition:color var(--y6-t) var(--y6-ease),
background var(--y6-t) var(--y6-ease),
border-color var(--y6-t) var(--y6-ease);}
.y6-player__next a:hover{color:#fff;background:var(--y6-red);border-color:var(--y6-red);}
/* ==========================================================================
15. 筛选 .y6-filter
========================================================================== */
.y6-filter{margin:22px 0 0; padding:6px 18px; background:var(--y6-card);
border:1px solid var(--y6-line); border-radius:var(--y6-r); box-shadow:var(--y6-sh);}
.y6-filter__row{display:flex; flex-wrap:wrap; align-items:center; gap:6px 4px; padding:11px 0;
border-bottom:1px dashed var(--y6-line);}
.y6-filter__row:last-child{border-bottom:0;}
.y6-filter__row > span{flex:0 0 auto; width:auto; white-space:nowrap; margin-right:6px; font-size:13px; font-weight:600;
color:var(--y6-ink3); letter-spacing:.5px;}
.y6-filter__row a{display:inline-flex; align-items:center; height:28px; padding:0 13px; font-size:13px;
color:var(--y6-ink2); border:1px solid transparent; border-radius:var(--y6-r-pill);
transition:color var(--y6-t) var(--y6-ease),
background var(--y6-t) var(--y6-ease),
border-color var(--y6-t) var(--y6-ease);}
.y6-filter__row a:hover{color:var(--y6-red);background:var(--y6-red-l);}
.y6-filter__row a.is-on{color:#fff; font-weight:600; background:var(--y6-red);
border-color:var(--y6-red); box-shadow:0 4px 10px rgba(179,32,44,.18);}
/* 筛选结果计数（右侧小字） */
.y6-filter__count{margin-left:auto;font-size:12.5px;color:var(--y6-ink3);}
.y6-filter__count b{color:var(--y6-red);font-weight:700;font-variant-numeric:tabular-nums;}
/* ==========================================================================
16. 面包屑 .y6-crumb
========================================================================== */
.y6-crumb{display:flex; flex-wrap:wrap; align-items:center; gap:2px 0; margin:18px 0 0; font-size:13px;
line-height:1.7; color:var(--y6-ink3);}
.y6-crumb a{color:var(--y6-ink2);padding:1px 0;}
.y6-crumb a:hover{color:var(--y6-red);}
/* 分隔符：除最后一项外都带「/」 */
.y6-crumb a::after{content:"/";margin:0 7px;color:var(--y6-line);font-size:12px;}
.y6-crumb a:last-child::after{content:"";margin:0;}
.y6-crumb > span,
.y6-crumb .y6-crumb__cur{color:var(--y6-ink3); max-width:60vw; overflow:hidden;
white-space:nowrap; text-overflow:ellipsis;}
/* ==========================================================================
17. 相关推荐 .y6-rel
========================================================================== */
.y6-rel{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--y6-gap);margin:26px 0 0;}
/* 相关推荐标题（若作为区块头使用） */
.y6-rel__title{grid-column:1 / -1; display:flex; align-items:center; gap:10px; margin:0 0 2px;
font-size:18px; font-weight:800; color:var(--y6-ink);}
.y6-rel__title::before{content:""; width:4px; height:17px; border-radius:2px;
background:linear-gradient(180deg,var(--y6-red),var(--y6-gold));}
/* 相关推荐：模板多包一层 .y6-sec__head + ul.y6-grid，两者各占整行（原设计扁平结构） */
.y6-rel > .y6-sec__head,
.y6-rel > .y6-grid{grid-column:1 / -1;}
.y6-rel > .y6-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--y6-gap);}
@media (max-width:992px){
.y6-rel > .y6-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
}
@media (max-width:640px){
.y6-rel > .y6-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
/* ==========================================================================
18. 回顶 .y6-totop
========================================================================== */
.y6-totop{position:fixed; right:22px; bottom:26px; z-index:50; display:grid; place-items:center;
width:44px; height:44px; font-size:0; color:#fff;
background:linear-gradient(150deg,var(--y6-red),var(--y6-red-d));
border:1px solid rgba(255,255,255,.18); border-radius:50%; box-shadow:0 8px 20px rgba(179,32,44,.28);
transition:transform var(--y6-t) var(--y6-ease),
box-shadow var(--y6-t) var(--y6-ease),
background var(--y6-t) var(--y6-ease);}
.y6-totop::before{content:""; width:9px; height:9px; margin-top:3px;
border-left:2.2px solid currentColor; border-top:2.2px solid currentColor; transform:rotate(45deg);
border-radius:1px;}
.y6-totop:hover{color:#fff; transform:translateY(-3px);
background:linear-gradient(150deg,var(--y6-gold),#C98A22);
box-shadow:0 12px 24px rgba(224,160,56,.34);}
/* ==========================================================================
19. 移动底栏 .y6-mbar（默认隐藏，≤640 显示）
========================================================================== */
.y6-mbar{display:none; position:fixed; left:0; right:0; bottom:0; z-index:70;
padding-bottom:env(safe-area-inset-bottom,0); background:rgba(255,255,255,.97);
border-top:1px solid var(--y6-line); box-shadow:0 -4px 16px rgba(31,27,24,.07);
-webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);}
.y6-mbar a{flex:1 1 0; display:flex; flex-direction:column; align-items:center; justify-content:center;
gap:1px; min-height:52px; padding:6px 2px; font-size:11px; line-height:1.35; color:var(--y6-ink2);
transition:color var(--y6-t) var(--y6-ease);}
.y6-mbar a b{font-size:17px;font-weight:400;line-height:1.15;}
.y6-mbar a:hover,
.y6-mbar a.is-on{color:var(--y6-red);}
.y6-mbar a.is-on b{filter:saturate(1.2);}
/* ==========================================================================
20. 页脚 .y6-foot
========================================================================== */
.y6-foot{margin-top:44px; background:linear-gradient(180deg,#FFFFFF,#FDF8F2);
border-top:1px solid var(--y6-line); box-shadow:inset 0 3px 0 -2px rgba(224,160,56,.55);}
.y6-foot__grid{display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:34px; max-width:var(--y6-max);
margin:0 auto; padding:36px var(--y6-pad) 30px;}
.y6-foot__col{min-width:0;font-size:13px;color:var(--y6-ink2);}
.y6-foot__col h3,
.y6-foot__col h4{margin:0 0 12px; font-size:14px; font-weight:700;
letter-spacing:.6px; color:var(--y6-ink);}
.y6-foot__col p{margin:0 0 8px;line-height:1.85;color:var(--y6-ink2);}
.y6-foot__col ul{display:flex;flex-wrap:wrap;gap:7px 16px;margin:0;padding:0;list-style:none;}
.y6-foot__col li{line-height:1.8;}
.y6-foot__col a{color:var(--y6-ink2);transition:color var(--y6-t) var(--y6-ease);}
.y6-foot__col a:hover{color:var(--y6-red);}
/* 品牌列 */
.y6-foot__brand{max-width:380px;}
.y6-foot__brand .y6-logo{height:36px;margin:0 0 12px;}
.y6-foot__brand .y6-logo img,
.y6-foot__brand .y6-logo svg{height:36px;}
.y6-foot__brand p{margin:0 0 12px;font-size:12.8px;line-height:1.9;color:var(--y6-ink3);}
/* 品牌列的小标签（如 每日更新 / 免费观看） */
.y6-foot__tags{display:flex;flex-wrap:wrap;gap:6px;}
.y6-foot__tags span{display:inline-block; padding:2px 10px; font-size:11.5px; color:var(--y6-red);
background:var(--y6-red-l); border:1px solid var(--y6-red-16); border-radius:var(--y6-r-pill);}
/* 版权条 */
.y6-foot__bar{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;
gap:8px 18px; max-width:var(--y6-max); margin:0 auto; padding:14px var(--y6-pad) 18px;
font-size:12.5px; line-height:1.7; color:var(--y6-ink3); border-top:1px solid var(--y6-line);}
.y6-foot__bar a{color:var(--y6-ink2);}
.y6-foot__bar a:hover{color:var(--y6-red);}
.y6-foot__bar p{margin:0;}
/* ==========================================================================
21. 响应式
========================================================================== */
/* ---------- ≤1200：容器收窄、间距与字号微调（仍保持 6 列） ---------- */
@media (max-width:1200px){
:root{--y6-gap:14px;--y6-pad:14px;}
.y6-hero{padding:32px 26px 28px;}
.y6-det{grid-template-columns:260px minmax(0,1fr);gap:22px;padding:20px;}
.y6-sec__title{font-size:18px;}
.y6-rail__item{flex-basis:136px;width:136px;}
.y6-player__bar h1,
.y6-player__bar h2,
.y6-player__bar h3{font-size:15px;}
}
/* ---------- ≤992：网格 6 → 4 列，详情单列，导航更紧凑 ---------- */
@media (max-width:992px){
:root{--y6-gap:13px;--y6-top-h:58px;}
.y6-grid,
.y6-rel{grid-template-columns:repeat(4,minmax(0,1fr));}
.y6-top__inner{gap:12px;min-height:58px;padding:8px var(--y6-pad);}
.y6-logo,
.y6-logo img,
.y6-logo svg{height:30px;}
.y6-search{max-width:none;}
.y6-top__quick{gap:12px;font-size:12.5px;}
.y6-nav__item > a{padding:10px 11px;font-size:14px;}
.y6-hero{margin:16px 0 6px;padding:26px 20px 24px;border-radius:var(--y6-r);}
.y6-hero__desc{font-size:14px;margin-bottom:16px;}
.y6-hero__chips{margin-bottom:18px;}
.y6-hero__stats{gap:10px 26px;padding-top:16px;}
.y6-hero__stats b{font-size:19px;}
.y6-hero__stats > * + *::before{left:-14px;}
.y6-chans{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px;}
.y6-chan{padding:13px 14px;gap:11px;}
.y6-chan__ico{width:40px;height:40px;font-size:18px;border-radius:11px;}
.y6-sec{margin-top:24px;}
.y6-sec__head{margin-bottom:13px;}
.y6-sec__title{font-size:17px;padding-left:12px;}
.y6-sec__title::before{height:16px;margin-top:-8px;}
.y6-det{grid-template-columns:1fr;gap:18px;padding:18px;}
.y6-det__poster{max-width:220px;margin:0 auto;}
.y6-det__play{align-self:stretch;justify-content:center;}
.y6-eps{padding:16px;}
.y6-eps__group .y6-eps__item,
.y6-eps__list{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));}
.y6-foot__grid{grid-template-columns:1fr 1fr;gap:24px;padding:28px var(--y6-pad) 22px;}
.y6-foot__brand{grid-column:1 / -1;max-width:none;}
.y6-filter__row > span{width:auto;white-space:nowrap;}
}
/* ---------- ≤640：3 列、搜索独占一行、显示移动底栏 ---------- */
@media (max-width:640px){
:root{--y6-gap:10px;--y6-pad:12px;--y6-top-h:54px;}
body{font-size:14px;/* 给固定底栏留出空间 */
padding-bottom:calc(56px + env(safe-area-inset-bottom,0));}
.y6-grid,
.y6-rel{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
/* 顶栏：logo 左、快捷右、搜索换行占满 */
.y6-top__inner{flex-wrap:wrap;gap:8px 10px;min-height:0;padding:8px 12px 10px;}
.y6-logo,
.y6-logo img,
.y6-logo svg{height:26px;}
.y6-top__quick{margin-left:auto;gap:10px;font-size:12px;}
.y6-top__quick a::before{width:4px;height:4px;box-shadow:none;}
/* 手机上只保留第一个快捷入口，避免挤压 */
.y6-top__quick a + a{display:none;}
.y6-search{order:3;flex:1 1 100%;max-width:none;width:100%;padding:2px 2px 2px 12px;}
.y6-search__wd{height:32px;font-size:13px;}
.y6-search__btn{height:32px;padding:0 15px;font-size:13px;}
.y6-nav__list{padding:0 6px;}
.y6-nav__item > a{padding:10px 10px;font-size:13.5px;}
.y6-nav__item > a::after{left:10px;right:10px;}
/* 小屏导航横向滚动，提示语会挤行，直接收起 */
.y6-nav__tip{display:none;}
.y6-hero{margin:12px 0 4px;padding:20px 15px 18px;border-radius:var(--y6-r-sm);}
.y6-hero::after{display:none;}
.y6-hero__title{font-size:20px;margin-bottom:8px;}
.y6-hero__desc{font-size:13px;line-height:1.75;margin-bottom:13px;}
.y6-hero__chips{gap:7px;margin-bottom:15px;}
.y6-hero__chips a{height:29px;padding:0 12px;font-size:12px;}
.y6-hero__stats{gap:8px 20px;padding-top:13px;}
.y6-hero__stats b{font-size:17px;}
.y6-hero__stats span{font-size:11.5px;}
.y6-hero__stats > * + *::before{display:none;}
.y6-chans{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:16px;}
.y6-chan{padding:11px 12px;gap:9px;border-radius:var(--y6-r-sm);}
.y6-chan__ico{width:34px;height:34px;font-size:15px;border-radius:9px;}
.y6-chan b{font-size:13.5px;}
.y6-chan i{font-size:10px;letter-spacing:1px;}
.y6-sec{margin-top:20px;}
.y6-sec__head{margin-bottom:11px;gap:8px;}
.y6-sec__title{font-size:16px;gap:6px;}
.y6-sec__title::before{width:3px;height:15px;margin-top:-7px;}
.y6-sec__title small{font-size:10px;letter-spacing:.6px;}
.y6-sec__more{padding:5px 10px;font-size:12px;}
/* 卡片：小屏收紧内边距，避免标题换行过多 */
.y6-card{border-radius:var(--y6-r-sm);}
.y6-card__link{padding-bottom:8px;}
.y6-card__title{margin:6px 7px 0; font-size:12.5px; line-height:1.38; min-height:2.76em;
-webkit-line-clamp:2;}
.y6-card__meta{margin:2px 7px 0;font-size:10.5px;gap:4px;}
.y6-card__meta b{font-size:10.5px;}
.y6-card__badge{left:5px;bottom:5px;padding:1px 6px;font-size:10px;}
.y6-card > .y6-card__badge{left:5px;top:5px;}
.y6-rail{gap:9px;}
.y6-rail__item{flex-basis:112px;width:112px;}
.y6-rail__item b{font-size:12px;}
.y6-rail__item i{font-size:10.5px;}
.y6-pager{gap:5px;margin:22px 0 4px;}
.y6-pager a,
.y6-pager span{min-width:33px;height:33px;padding:0 9px;font-size:12.5px;}
.y6-crumb{font-size:12px;margin-top:12px;}
.y6-det{padding:14px;gap:14px;border-radius:var(--y6-r);}
.y6-det__poster{max-width:150px;}
.y6-det__title{font-size:19px;}
.y6-det__meta{font-size:12.5px;gap:4px 14px;}
.y6-det__desc{padding:11px 12px;font-size:13px;line-height:1.8;}
.y6-det__play{height:42px;width:100%;padding:0 18px;font-size:14px;}
.y6-det__act{margin-left:0;margin-top:8px;}
.y6-eps{padding:14px;border-radius:var(--y6-r);}
.y6-eps__title{font-size:14px;}
.y6-eps__group .y6-eps__item,
.y6-eps__list{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;}
.y6-eps__item a,a.y6-eps__item{padding:7px 4px;font-size:12px;}
.y6-player{margin-top:14px;}
.y6-player__box{border-radius:var(--y6-r);}
.y6-player__bar{padding:10px 12px;gap:6px;}
.y6-player__bar h1,
.y6-player__bar h2,
.y6-player__bar h3,
.y6-player__bar h4{font-size:14px;}
.y6-player__next{padding:8px 10px;}
.y6-player__next a{height:28px;padding:0 11px;font-size:12px;}
.y6-filter{padding:2px 12px;margin-top:14px;}
.y6-filter__row{padding:9px 0;gap:4px 2px;}
.y6-filter__row > span{width:auto;margin-right:4px;font-size:12px;}
.y6-filter__row a{height:26px;padding:0 10px;font-size:12.5px;}
.y6-filter__count{display:none;}
/* 底栏显示 */
.y6-mbar{display:flex;}
/* 移动端不需要回顶按钮（底栏已占位） */
.y6-totop{display:none;}
.y6-foot{margin-top:26px;}
.y6-foot__grid{grid-template-columns:1fr;gap:18px;padding:22px 12px 18px;}
.y6-foot__col h3,
.y6-foot__col h4{margin-bottom:8px;font-size:13px;}
.y6-foot__col ul{gap:5px 14px;font-size:12.5px;}
.y6-foot__bar{padding:12px 12px 16px;font-size:11.5px;justify-content:center;text-align:center;}
}
/* ---------- ≤380：极窄屏再收一档（3 列不变，只缩间距） ---------- */
@media (max-width:380px){
:root{--y6-gap:8px;--y6-pad:10px;}
.y6-card__title{font-size:12px;}
.y6-hero__title{font-size:18px;}
.y6-eps__group .y6-eps__item,
.y6-eps__list{grid-template-columns:repeat(3,minmax(0,1fr));}
}
/* ---------- 降低动效偏好 ---------- */
@media (prefers-reduced-motion:reduce){
html{scroll-behavior:auto;}
*,
*::before,
*::after{animation-duration:.001ms !important;
animation-iteration-count:1 !important; transition-duration:.001ms !important;}
.y6-card:hover,
.y6-chan:hover,
.y6-totop:hover,
.y6-det__play:hover{transform:none;}
}
/* ---------- 打印：去掉装饰，保留内容 ---------- */
@media print{
.y6-top,
.y6-nav,
.y6-mbar,
.y6-totop,
.y6-foot{display:none !important;}
body{background:#fff;padding:0;}
.y6-card,
.y6-det,
.y6-eps{box-shadow:none;border-color:#ddd;}
}
/* ==========================================================================
22. 兼容层 —— 旧局部块（stui-* / pic-text / card-text 等）
说明：新页面仍会 include 历史片段，例如
./Tpl/base/bootstrap3/vod_continu_foreach、Block/vod_box、
Block/page、Block/vod_top、Vod/play 的播放地址列表等，
它们输出的是 Bootstrap3 / stui 时代的类名。此处只做「最小可用」
兜底，保证这些片段放进 .y6-grid / .y6-eps / .y6-pager 时不塌陷。
不使用 !important 覆盖新组件，仅限定在旧结构上生效。
========================================================================== */
/* --- 22.1 旧列表容器 --- */
.stui-vodlist,
.stui-vodlist1{display:grid; grid-template-columns:repeat(6,minmax(0,1fr));
gap:var(--y6-gap); margin:0; padding:0; list-style:none;}
/* 旧列表放进新网格时，交给 .y6-grid 控制列数 */
.y6-grid > .stui-vodlist__item,
.y6-grid > .stui-vodlist1__item,
.y6-rel > .stui-vodlist__item{min-width:0;}
.stui-vodlist__item,
.stui-vodlist1__item{position:relative; min-width:0; margin:0; padding:0;
list-style:none;}
/* --- 22.2 旧海报容器（3:4） --- */
.stui-vodlist__thumb{position:relative; display:block; width:100%; padding-top:133.33%;
background:linear-gradient(150deg,#F3EAE0,#FBF6F1); border-radius:var(--y6-r-sm); overflow:hidden;}
.stui-vodlist__thumb > img,
.stui-vodlist__thumb img{position:absolute; left:0; top:0; display:block;
width:100%; height:100%; object-fit:cover; object-position:center; border:0;
transition:transform .45s var(--y6-ease);}
.stui-vodlist__thumb:hover img{transform:scale(1.04);}
/* --- 22.3 角标 .pic-text（旧模板右上角「更新至xx集」） --- */
.pic-text{position:absolute; right:6px; bottom:6px; left:auto; top:auto; z-index:2;
display:inline-block; max-width:calc(100% - 12px); padding:1px 7px; font-size:11px; line-height:1.7;
color:#fff; background:rgba(179,32,44,.92); border-radius:var(--y6-r-pill); overflow:hidden;
white-space:nowrap; text-overflow:ellipsis;}
.pic-text.text-right{text-align:right;}
.pic-text em,
.pic-text i{font-style:normal;}
/* --- 22.4 旧标题 / 简介 --- */
.stui-vodlist__title{display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;
overflow:hidden; margin:7px 2px 0; font-size:13px; font-weight:600; line-height:1.4;
color:var(--y6-ink);}
.stui-vodlist__title a{color:inherit;}
.stui-vodlist__title a:hover{color:var(--y6-red);}
.card-text,
.card-text-content{margin:2px 2px 0; font-size:11.5px; line-height:1.5;
color:var(--y6-ink3); overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.card-text a,
.card-text-content a{color:inherit;}
.card-text small,
.card-text-content small{font-size:inherit;}
.overflow-hidden{overflow:hidden;}
/* --- 22.5 旧分页面板 .stui-page --- */
.stui-page{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:6px;
margin:28px 0 0; padding:0; list-style:none;}
.stui-page > li{display:inline-block;margin:0;padding:0;list-style:none;}
.stui-page > li > a,
.stui-page > li > span,
.stui-page a{display:inline-flex; align-items:center;
justify-content:center; min-width:36px; height:36px; padding:0 11px; font-size:13px;
color:var(--y6-ink2); background:#fff; border:1px solid var(--y6-line); border-radius:var(--y6-r-sm);
transition:color var(--y6-t) var(--y6-ease),
background var(--y6-t) var(--y6-ease),
border-color var(--y6-t) var(--y6-ease);}
.stui-page > li > a:hover,
.stui-page a:hover{color:var(--y6-red); background:var(--y6-red-l);
border-color:var(--y6-red-32);}
.stui-page > li.active > a,
.stui-page > li.active > span,
.stui-page .active > a{color:#fff;
font-weight:700; background:var(--y6-red); border-color:var(--y6-red);}
.stui-page > li.disabled > a,
.stui-page > li.disabled > span{color:var(--y6-ink3);
background:var(--y6-cream); pointer-events:none;}
.text-center{text-align:center;}
.clearfix::after{content:"";display:table;clear:both;}
/* --- 22.6 旧面板 .stui-pannel（播放地址、剧情等区块） --- */
.stui-pannel{margin:20px 0 0; padding:16px 18px 18px; background:var(--y6-card);
border:1px solid var(--y6-line); border-radius:var(--y6-r); box-shadow:var(--y6-sh);}
.stui-pannel__head{position:relative; margin:0 0 12px; padding-bottom:9px;
border-bottom:1px dashed var(--y6-line);}
.stui-pannel__head .title,
.stui-pannel__head h3{position:relative; margin:0; padding-left:10px;
font-size:15px; font-weight:700; line-height:1.5; color:var(--y6-ink);
border-left:3px solid var(--y6-red);}
.stui-pannel__head .more,
.stui-pannel__head .pull-right{float:right; font-size:12px;
color:var(--y6-ink3);}
.stui-pannel__head::after{content:"";display:table;clear:both;}
/* --- 22.7 旧选集列表 .stui-content__playlist --- */
.stui-content__playlist{display:grid; grid-template-columns:repeat(auto-fill,minmax(62px,1fr)); gap:7px;
margin:0; padding:0; list-style:none;}
.stui-content__playlist > li{margin:0;padding:0;list-style:none;min-width:0;}
.stui-content__playlist > li > a{display:block; padding:7px 5px; font-size:12.5px; line-height:1.5;
text-align:center; color:var(--y6-ink2); background:var(--y6-cream); border:1px solid var(--y6-line);
border-radius:var(--y6-r-sm); overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
transition:color var(--y6-t) var(--y6-ease),
background var(--y6-t) var(--y6-ease),
border-color var(--y6-t) var(--y6-ease);}
.stui-content__playlist > li > a:hover{color:var(--y6-red); background:#fff;
border-color:var(--y6-red-32);}
.stui-content__playlist > li.active > a,
.stui-content__playlist > li > a.active,
.stui-content__playlist > li.on > a{color:#fff;
font-weight:700; background:var(--y6-red); border-color:var(--y6-red);}
/* --- 22.8 旧详情块 .stui-content --- */
.stui-content{display:grid; grid-template-columns:230px minmax(0,1fr); gap:22px; margin:0; padding:20px;
background:var(--y6-card); border:1px solid var(--y6-line); border-radius:var(--y6-r);
box-shadow:var(--y6-sh);}
.stui-content__thumb{position:relative; display:block; border-radius:var(--y6-r-sm); overflow:hidden;
background:#F3EAE0;}
.stui-content__thumb img{display:block;width:100%;height:auto;aspect-ratio:3 / 4;object-fit:cover;}
.stui-content__detail{min-width:0;}
.stui-content__detail .title,
.stui-content__detail h1{margin:0 0 10px; font-size:20px; font-weight:800;
line-height:1.35; color:var(--y6-ink);}
.stui-content__detail .data{margin:0 0 10px;font-size:13px;line-height:1.95;color:var(--y6-ink2);}
.stui-content__desc{margin:12px 0 0;font-size:13.5px;line-height:1.85;color:var(--y6-ink2);}
.stui-content__playlist + .stui-content__playlist{margin-top:14px;}
/* 详情页里的旧播放按钮 */
.playbtn{display:inline-flex; align-items:center; gap:7px; height:40px; padding:0 20px; font-size:14px;
font-weight:600; color:#fff; background:var(--y6-red); border-radius:var(--y6-r-pill);
transition:background var(--y6-t) var(--y6-ease);}
.playbtn:hover{color:#fff;background:var(--y6-red-d);}
/* --- 22.9 旧播放器外框 .stui-player__video --- */
.stui-player__video{position:relative; width:100%; aspect-ratio:16 / 9; background:#17120F;
border-radius:var(--y6-r); overflow:hidden;}
.stui-player__video iframe,
.stui-player__video video{position:absolute; left:0; top:0; width:100%;
height:100%; border:0;}
.stui-player__detail{margin:10px 0 0; padding:11px 14px; font-size:13px; color:var(--y6-ink2);
background:var(--y6-card); border:1px solid var(--y6-line); border-radius:var(--y6-r-sm);}
.stui-player__detail h4{margin:0 0 5px;font-size:15px;font-weight:700;color:var(--y6-ink);}
.stui-player__detail .data{font-size:12.5px;color:var(--y6-ink3);}
.stui-player__detail .data a{color:var(--y6-ink2);}
.stui-player__detail .data a:hover{color:var(--y6-red);}
/* --- 22.10 旧 bootstrap 辅助类（片段里常出现） --- */
.text-muted{color:var(--y6-ink3);}
.split-line{display:inline-block; width:1px; height:11px; margin:0 9px; vertical-align:-1px;
background:var(--y6-line);}
.pull-right{float:right;}
.pull-left{float:left;}
.img-responsive{max-width:100%;height:auto;display:block;}
.btn{display:inline-block; padding:7px 16px; font-size:13.5px; line-height:1.5;
border-radius:var(--y6-r-sm); border:1px solid transparent;
transition:background var(--y6-t) var(--y6-ease),
color var(--y6-t) var(--y6-ease),
border-color var(--y6-t) var(--y6-ease);}
.btn-primary{color:#fff;background:var(--y6-red);border-color:var(--y6-red);}
.btn-primary:hover{color:#fff;background:var(--y6-red-d);border-color:var(--y6-red-d);}
.btn-default{color:var(--y6-red);background:#fff;border-color:var(--y6-red-32);}
.btn-default:hover{background:var(--y6-red-l);}
/* --- 22.11 旧收藏 / 报错 / 点赞类按钮（无背景冲突即可用） --- */
.y6-player__bar .ff-playurl-error{color:var(--y6-red);margin-left:auto;font-size:12.5px;white-space:nowrap;font-weight:600;}
.y6-player__bar .ff-playurl-error:hover{color:var(--y6-red-d);text-decoration:underline;}
.ff-img{display:block;max-width:100%;height:auto;}
/* --- 22.12 兼容层响应式：跟主网格同步列数 --- */
@media (max-width:992px){
.stui-vodlist,
.stui-vodlist1{grid-template-columns:repeat(4,minmax(0,1fr));}
.stui-content{grid-template-columns:1fr;gap:16px;padding:16px;}
.stui-content__thumb{max-width:200px;}
}
@media (max-width:640px){
.stui-vodlist,
.stui-vodlist1{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.stui-vodlist__title{font-size:12px;}
.card-text,
.card-text-content{font-size:10.5px;}
.pic-text{right:4px;bottom:4px;padding:0 6px;font-size:10px;}
.stui-page{gap:5px;margin-top:20px;}
.stui-page > li > a,
.stui-page > li > span,
.stui-page a{min-width:32px; height:32px;
padding:0 8px; font-size:12.5px;}
.stui-content__playlist{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;}
.stui-pannel{padding:13px 13px 15px;}
}
/* ==========================================================================
end of y6.css (v=1)
========================================================================== */
/* ================= y6 patch v1: footer / hero / mbar / modifiers ================= */
.y6-foot__col--brand{grid-column:span 1}
.y6-foot__intro{margin:12px 0 0;font-size:13px;line-height:1.85;color:var(--y6-ink-2,#4A423C)}
.y6-foot__intro b{color:var(--y6-red,#B3202C);font-weight:600}
.y6-foot__intro a{color:var(--y6-red,#B3202C);text-decoration:underline;text-underline-offset:2px}
.y6-foot__title{margin:0 0 14px;font-size:15px;font-weight:700;color:var(--y6-ink,#1F1B18);letter-spacing:.02em}
.y6-foot__title::after{content:"";display:block;width:26px;height:2px;margin-top:8px;background:var(--y6-gold,#E0A038)}
.y6-foot__links{margin:0;padding:0;list-style:none}
.y6-foot__links li{margin:0 0 9px}
.y6-foot__links a{font-size:13px;color:var(--y6-ink-2,#4A423C);text-decoration:none;transition:color .18s}
.y6-foot__links a:hover{color:var(--y6-red,#B3202C)}
.y6-foot__note{margin:10px 0 0;font-size:12px;line-height:1.7;color:#9A8B7E}
.y6-foot__bar{border-top:1px solid var(--y6-line,#EADFD3);padding-top:16px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:12px;color:#8B7B6E}
.y6-hero__chip{display:inline-flex;align-items:center;height:32px;padding:0 14px;margin:0 8px 8px 0;border-radius:999px;background:#fff;border:1px solid var(--y6-line,#EADFD3);font-size:13px;color:var(--y6-ink-2,#4A423C);text-decoration:none;transition:.18s}
.y6-hero__chip:hover{border-color:var(--y6-red,#B3202C);color:var(--y6-red,#B3202C);background:#FFF7F4}
.y6-hero__stat{display:inline-block;margin-right:26px;vertical-align:top}
.y6-hero__stat b{display:block;font-size:24px;line-height:1.2;color:var(--y6-red,#B3202C);font-variant-numeric:tabular-nums}
.y6-hero__stat span{font-size:12px;color:#8B7B6E}
.y6-top__quickitem{padding:6px 10px;border-radius:8px;font-size:13px;color:var(--y6-ink-2,#4A423C);text-decoration:none;transition:.18s}
.y6-top__quickitem:hover{background:#FFF3EE;color:var(--y6-red,#B3202C)}
.y6-mbar__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 0 4px;font-size:11px;color:#6E6055;text-decoration:none}
.y6-mbar__item.is-on,.y6-mbar__item:hover{color:var(--y6-red,#B3202C)}
.y6-mbar__ico{font-size:17px;line-height:1;font-style:normal}
.y6-sec--about .y6-sec__body{background:#fff;border:1px solid var(--y6-line,#EADFD3);border-radius:16px;padding:22px 24px}
.y6-about{margin:0;font-size:14px;line-height:1.95;color:var(--y6-ink-2,#4A423C)}
.y6-about b{color:var(--y6-ink,#1F1B18)}
.y6-sec--chan .y6-sec__body{}
.y6-sec--rail .y6-sec__body{padding-bottom:4px}
.y6-card__note{margin:6px 0 0;font-size:11px;color:#9A8B7E;line-height:1.5}
.y6-page-home .y6-main{padding-top:0}
@media (max-width:900px){
.y6-foot__grid{grid-template-columns:1fr 1fr}
.y6-foot__col--brand{grid-column:1 / -1}
}
@media (max-width:768px){
.y6-foot__grid{grid-template-columns:1fr;gap:22px;padding:26px 0 20px}
.y6-foot__bar{display:block;text-align:center}
.y6-hero__stat{margin-right:18px}
.y6-hero__stat b{font-size:20px}
body{padding-bottom:58px}
.y6-mbar{display:flex}
}
/* ==== 友情链接 ==== */
.y6-links{display:flex; flex-wrap:wrap; gap:9px; margin:0; padding:0; list-style:none;}
.y6-links li{list-style:none; margin:0; padding:0;}
.y6-links a{display:inline-block; padding:6px 14px; border:1px solid var(--y6-line); border-radius:999px;
background:var(--y6-card); color:var(--y6-ink3); font-size:13px; line-height:1.4; transition:.2s var(--y6-ease);}
.y6-links a:hover{color:var(--y6-red); border-color:var(--y6-red-32); background:var(--y6-red-l);}
@media(max-width:640px){.y6-links{gap:7px;} .y6-links a{padding:5px 11px; font-size:12px;}}