@media (min-width:1280px){
  .page-wrap{margin-left:0}
}


.double-feature-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}

.feature-card{position:relative;display:block;border-radius:18px;overflow:hidden;background:#222;height:260px;transition:transform .2s;text-decoration:none}

.feature-card:hover{transform:translateY(-3px)}

.feature-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}

.feature-card::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.35) 55%,transparent);z-index:1}

.feature-card>div{position:absolute;left:24px;top:55px;width:60%;display:flex;flex-direction:column;align-items:flex-start;gap:10px;z-index:2}

.feature-card .label{font-size:14px;color:#ff9db4;background:rgba(251,114,153,.16);border-radius:6px;padding:0 10px;line-height:26px}

.feature-card h3{font-size:32px;font-weight:800;color:#fff;margin:0}

.feature-card p{font-size:14px;color:rgba(255,255,255,.7);line-height:21px;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.feature-card b{font-size:14px;color:#ff9db4;font-weight:500;margin:4px 0 0}


/* 响应式 */
@media (max-width:1180px){.hero-cards{display:none}}
@media (max-width:900px){
  .double-feature-layout{grid-template-columns:1fr}
  .feature-card{height:180px}
  .feature-card>div{left:16px;top:30px;width:70%}
  .feature-card h3{font-size:24px}
  .feature-card p{-webkit-line-clamp:1}
}
@media (max-width:480px){
  .hero-content{bottom:82px;padding:0 16px}
}

.page-title.type-title{margin-top:0;margin-bottom:20px}

.page-title.type-title h1{font-size:34px;font-weight:800;color:#fff;margin:0;line-height:1.2}

.page-title.type-title p{font-size:14px;color:rgba(255,255,255,.56);margin:6px 0 0;line-height:1.3}

.filter-bar.rich-filter{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-bottom:24px}

.filter-bar.rich-filter>div{display:flex;align-items:center;gap:4px;min-width:0}

.filter-bar.rich-filter b{font-size:14px;color:#fff;font-weight:700;flex-shrink:0;min-width:44px}

.filter-bar.rich-filter a{font-size:14px;color:rgba(255,255,255,.72);padding:6px 12px;line-height:21px;border-radius:999px;text-decoration:none;transition:background .2s,color .2s}

.filter-bar.rich-filter a:hover{color:#fff}

.filter-bar .slide-row{display:flex;align-items:center;flex:1;min-width:0}

.filter-bar .slide-inner{display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0;padding:2px 0;-webkit-overflow-scrolling:touch;user-select:none;-webkit-user-select:none}

.filter-bar .slide-inner::-webkit-scrollbar{display:none}

.filter-bar .slide-inner a{flex-shrink:0}

/* 右侧渐隐遮罩：提示还有内容可滑，滑到底自动消失 */
.filter-bar .slide-row{position:relative}

.filter-bar.rich-filter a.active{background:#fb7299;color:#fff}

/* 结果网格（分类页 9 列与首页一致） */
.list-grid.video-grid{grid-template-columns:auto-fill minmax(175px,1fr)}

/* 分页 */
.pagebar{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:28px;padding-bottom:10px}

.pagebar a,.pagebar span{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 12px;border-radius:9px;font-size:14px;background:rgba(255,255,255,.07);color:rgba(255,255,255,.72);text-decoration:none;transition:background .2s,color .2s}

.pagebar a:hover{background:rgba(251,114,153,.2);color:#fb7299}

.pagebar .active,.pagebar .current{background:#fb7299;color:#fff}

.pagebar .disabled{opacity:.4;pointer-events:none}

.load-status{text-align:center;font-size:14px;color:rgba(255,255,255,.45);padding:24px 0 8px}

.empty-tip{padding:80px 0;text-align:center;color:#8b8f9a;font-size:15px}
/* ===== 分类页改造：筛选条（不吸顶） ===== */
.filter-bar.rich-filter{padding:10px 14px}
/* 结果计数 */
.list-meta{display:flex;align-items:center;gap:8px;font-size:13px;color:rgba(255,255,255,.5);margin:-14px 2px 16px}
.list-meta b{color:#fb7299;font-weight:700}
/* 骨架屏统一走 common.css */
/* 下拉刷新 */
#ptr{position:fixed;top:-56px;left:0;right:0;height:0;display:flex;align-items:center;justify-content:center;color:#9aa0aa;font-size:13px;z-index:150;background:rgba(15,17,20,.96);transition:height .18s ease;overflow:hidden}
#ptr.show{height:56px;box-shadow:0 4px 16px rgba(0,0,0,.35)}
/* View Transitions（跨文档导航平滑过渡） */
@view-transition{navigation:auto}
@media (max-width:760px){
  .filter-bar.rich-filter{border-radius:12px;padding:8px 10px}
  .list-meta{margin:-10px 2px 14px}
}



/* ===== 修复筛选栏错位：分组纵向排列（剧情/年份/地区/语言/排序各一行） ===== */
.filter-bar.rich-filter>.filter-body{display:flex;flex-direction:column;gap:8px;min-width:0;align-items:stretch}
.filter-bar.rich-filter .filter-body>div{display:flex;align-items:center;gap:4px;min-width:0}