/* ==========================================================================
   CC电影 CCFILM — 全新皮肤 skin-2026（2026-10-23）
   设计方向：深青墨 #0F4C5C + 珊瑚橙 #FF6B4A，浅雾底，卡片化 + 侧栏分区
   与同机其它站点配色/布局均不同；覆盖 ccfilm.css 的 token 与组件
   ========================================================================== */

:root{
  --ink:#0F4C5C;        /* 主色 深青墨 */
  --ink-2:#14607A;
  --ink-d:#072C37;
  --ink-l:#8FD6E4;
  --coral:#FF6B4A;      /* 强调 珊瑚橙 */
  --coral-d:#E4502F;
  --coral-x:#FFF1ED;
  --mint:#E8F1F2;
  --bg:#F1F6F6;
  --card:#FFFFFF;
  --tx:#132A31;
  --muted:#5E777F;
  --line:#DCE7E9;
  --radius:16px;
  --radius-s:12px;
  --radius-xs:8px;
  --shadow:0 1px 2px rgba(9,42,51,.04), 0 8px 24px -14px rgba(9,42,51,.18);
  --shadow-h:0 10px 24px -12px rgba(15,76,92,.28), 0 24px 48px -28px rgba(15,76,92,.35);
  --container:1280px;
  --ff:"Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}

/* ---------- 基础 ---------- */
html{ -webkit-text-size-adjust:100%; }
body{
  background:var(--bg) !important;
  color:var(--tx);
  font-family:var(--ff);
  font-size:15px; line-height:1.65;
  padding-top:0;
}
a{ color:var(--ink); text-decoration:none; transition:color .18s ease; }
a:hover,a:focus{ color:var(--coral); text-decoration:none; }
img{ max-width:100%; }
h1,h2,h3,h4{ font-family:var(--ff); color:var(--tx); letter-spacing:-.01em; }
.container{ width:100%; max-width:var(--container); margin:0 auto; padding:0 18px; }
.row{ margin-left:-10px; margin-right:-10px; }
.hide{ display:none !important; }
.text-green{ color:var(--coral) !important; }
.text-red{ color:var(--coral) !important; }
.text-muted{ color:var(--muted) !important; }
.clearfix::after{ content:""; display:table; clear:both; }

/* 顶部珊瑚色细线 */
body::before{
  content:""; position:fixed; top:0; left:0; right:0; height:3px; z-index:1200;
  background:linear-gradient(90deg,var(--coral) 0%,#FFA07A 42%,var(--ink-l) 100%);
}

/* ---------- HEADER ---------- */
.mv-header{
  position:sticky; top:0; z-index:1100;
  background:rgba(255,255,255,.94);
  -webkit-backdrop-filter:saturate(180%) blur(14px);
  backdrop-filter:saturate(180%) blur(14px);
  border-bottom:1px solid var(--line);
  box-shadow:0 1px 0 rgba(9,42,51,.02);
}
.mv-header__in{
  display:flex; align-items:center; gap:22px;
  height:70px; padding:0 18px; max-width:var(--container); margin:0 auto;
}
.mv-brand{ display:flex; align-items:center; gap:10px; flex:0 0 auto; }
.mv-brand__logo{ width:38px; height:38px; border-radius:11px; box-shadow:0 4px 12px -4px rgba(15,76,92,.5); }
.mv-brand__txt{ display:flex; flex-direction:column; line-height:1.15; }
.mv-brand__name{ font-size:19px; font-weight:800; color:var(--ink); letter-spacing:.02em; }
.mv-brand__sub{ font-size:10px; font-weight:700; letter-spacing:.22em; color:var(--coral); text-transform:uppercase; }

.mv-nav{ display:flex; align-items:center; gap:4px; flex:1 1 auto; overflow-x:auto; scrollbar-width:none; }
.mv-nav::-webkit-scrollbar{ display:none; }
.mv-nav a{
  position:relative; display:inline-block; padding:8px 13px; border-radius:10px;
  font-size:15px; font-weight:600; color:#35525B; white-space:nowrap;
}
.mv-nav a:hover{ color:var(--ink); background:var(--mint); }
.mv-nav a.is-on,.mv-nav a.on{ color:var(--ink); background:var(--coral-x); }
.mv-nav a.is-on::after,.mv-nav a.on::after{
  content:""; position:absolute; left:13px; right:13px; bottom:2px; height:2px;
  background:var(--coral); border-radius:2px;
}

.mv-search{ display:flex; align-items:center; gap:14px; flex:0 0 auto; }
.mv-search form{ display:flex; align-items:center; background:var(--mint); border:1px solid transparent; border-radius:999px; padding:3px 3px 3px 15px; transition:.2s; }
.mv-search form:focus-within{ background:#fff; border-color:var(--ink-l); box-shadow:0 0 0 4px rgba(143,214,228,.22); }
.mv-search input{
  width:190px; height:34px; border:0; background:transparent; outline:none;
  font-size:14px; color:var(--tx);
}
.mv-search input::placeholder{ color:#8AA3AA; }
.mv-search button{
  height:34px; padding:0 18px; border:0; border-radius:999px; cursor:pointer;
  background:var(--ink); color:#fff; font-size:14px; font-weight:700; transition:.2s;
}
.mv-search button:hover{ background:var(--coral); }
.mv-stat{ font-size:12.5px; color:var(--muted); white-space:nowrap; }
.mv-stat b{ color:var(--coral); font-size:14px; }
.mv-qr{ display:flex; flex-direction:column; align-items:center; gap:2px; font-size:10px; color:var(--muted); }
.mv-qr img{ border-radius:6px; }

/* ---------- HERO ---------- */
.mv-hero{
  position:relative; margin:22px 0 26px; padding:42px 44px; border-radius:24px;
  background:radial-gradient(120% 140% at 88% 8%,#1B7288 0%,var(--ink) 46%,var(--ink-d) 100%);
  color:#fff; overflow:hidden; display:grid; grid-template-columns:1fr 500px; gap:38px; align-items:center; min-height:396px;
  box-shadow:0 24px 50px -30px rgba(7,44,55,.7);
}
.mv-hero::before{
  content:""; position:absolute; width:420px; height:420px; right:-120px; top:-180px;
  background:radial-gradient(circle,rgba(255,107,74,.42),transparent 68%); border-radius:50%;
}
.mv-hero::after{
  content:""; position:absolute; width:320px; height:320px; left:-140px; bottom:-190px;
  background:radial-gradient(circle,rgba(143,214,228,.30),transparent 70%); border-radius:50%;
}
.mv-hero__copy{ position:relative; z-index:2; }
.mv-hero h1{
  margin:0 0 14px; font-size:34px; line-height:1.28; font-weight:800; color:#fff; letter-spacing:-.02em;
}
.mv-hero h1 em{ font-style:normal; color:#FFC2B2; }
.mv-hero p{ margin:0 0 22px; max-width:620px; font-size:14.5px; line-height:1.8; color:#CFE6EA; }
.mv-hero__tags{ display:flex; flex-wrap:wrap; gap:10px; }
.mv-hero__tags a{
  display:inline-block; padding:9px 18px; border-radius:999px; font-size:13.5px; font-weight:700;
  color:#fff; background:rgba(255,255,255,.13); border:1px solid rgba(255,255,255,.22);
}
.mv-hero__tags a:first-child{ background:var(--coral); border-color:var(--coral); box-shadow:0 8px 20px -10px rgba(255,107,74,.9); }
.mv-hero__tags a:hover{ background:#fff; color:var(--ink); border-color:#fff; }

/* Hero 右侧精选三张 */
.mv-hero__picks{ position:relative; z-index:2; display:flex; gap:14px; justify-content:flex-end; align-items:center; height:100%; }
.mv-hero__pick{
  position:relative; width:auto; flex:1 1 0; max-width:170px; aspect-ratio:2/3; border-radius:14px; overflow:hidden;
  border:2px solid rgba(255,255,255,.26); box-shadow:0 16px 30px -18px rgba(0,0,0,.8);
  transition:transform .25s ease, border-color .25s;
}
.mv-hero__pick:nth-child(1){ transform:translateY(-14px) rotate(-3deg); }
.mv-hero__pick:nth-child(2){ transform:translateY(6px); z-index:3; }
.mv-hero__pick:nth-child(3){ transform:translateY(-8px) rotate(3deg); }
.mv-hero__pick:hover{ transform:translateY(-10px) scale(1.04); border-color:var(--coral); }
.mv-hero__pick img{ width:100%; height:100%; object-fit:cover; display:block; }
.mv-hero__pick span{
  position:absolute; left:0; right:0; bottom:0; padding:14px 7px 6px; font-size:11px; font-weight:600;
  color:#fff; text-align:center; background:linear-gradient(transparent,rgba(3,20,26,.92));
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

/* ---------- 频道胶囊 ---------- */
.mv2-chips{
  display:grid; grid-template-columns:repeat(5,1fr); gap:12px; margin:0 0 26px;
}
.mv2-chip{
  display:flex; flex-direction:column; gap:2px; padding:16px 18px; border-radius:var(--radius-s);
  background:var(--card); border:1px solid var(--line); box-shadow:var(--shadow); transition:.22s;
}
.mv2-chip b{ font-size:16px; color:var(--ink); font-weight:800; }
.mv2-chip small{ font-size:11.5px; color:var(--muted); letter-spacing:.06em; text-transform:uppercase; }
.mv2-chip i{ font-style:normal; font-size:12px; color:var(--coral); font-weight:700; margin-top:4px; }
.mv2-chip:hover{ transform:translateY(-3px); border-color:var(--ink-l); box-shadow:var(--shadow-h); }

/* ---------- 区块 ---------- */
.stui-pannel{
  margin:0 0 26px; padding:22px 22px 26px; background:var(--card);
  border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow);
}
.stui-pannel.pt-0{ padding-top:0; }
.stui-pannel__head{ display:flex; align-items:center; justify-content:space-between; margin:0 0 18px; }
.stui-pannel__head .title{
  display:flex; align-items:baseline; gap:10px; margin:0; font-size:20px; font-weight:800; color:var(--ink);
  position:relative; padding-left:14px;
}
.stui-pannel__head .title::before{
  content:""; position:absolute; left:0; top:5px; bottom:5px; width:4px; border-radius:3px;
  background:linear-gradient(180deg,var(--coral),#FFA98F);
}
.stui-pannel__head .title > span{ font-size:20px; }
.stui-pannel__head .title .text-green{ font-size:11.5px; font-weight:700; padding:2px 8px; border-radius:999px; background:var(--coral-x); color:var(--coral-d) !important; letter-spacing:.02em; }
.stui-pannel__head .pull-right,.stui-pannel__head .title a.pull-right{
  font-size:13px; font-weight:700; color:var(--muted); padding:6px 14px; border-radius:999px; border:1px solid var(--line); float:none;
}
.stui-pannel__head .pull-right:hover{ color:var(--coral); border-color:var(--coral); background:var(--coral-x); }

/* ---------- 影片网格 ---------- */
.stui-vodlist{ display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:18px 14px; margin:0; padding:0; list-style:none; }
.stui-vodlist.clearfix::after{ content:none; }
.stui-vodlist__item{ position:relative; margin:0; padding:0; width:auto; float:none; }
.stui-vodlist__thumb{
  position:relative; display:block; width:100%; aspect-ratio:2/3; border-radius:var(--radius-s);
  overflow:hidden; background:linear-gradient(160deg,#194E5C,#0B333F); box-shadow:var(--shadow);
  transition:transform .22s ease, box-shadow .22s ease;
}
.stui-vodlist__thumb img,.stui-vodlist__thumb img.lazyload{
  width:100%; height:100%; object-fit:cover; display:block; border-radius:0;
  transition:transform .45s cubic-bezier(.2,.7,.3,1);
}
.stui-vodlist__item:hover .stui-vodlist__thumb{ transform:translateY(-5px); box-shadow:var(--shadow-h); }
.stui-vodlist__item:hover .stui-vodlist__thumb img{ transform:scale(1.06); }
.stui-vodlist__thumb::after{
  content:""; position:absolute; inset:0; border-radius:var(--radius-s);
  border:2px solid transparent; transition:border-color .2s; pointer-events:none;
}
.stui-vodlist__item:hover .stui-vodlist__thumb::after{ border-color:var(--coral); }
.stui-vodlist__thumb .play{
  position:absolute; left:50%; top:50%; width:46px; height:46px; margin:-23px 0 0 -23px;
  border-radius:50%; background:rgba(7,44,55,.55); border:1.5px solid rgba(255,255,255,.7);
  opacity:0; transform:scale(.8); transition:.24s; backdrop-filter:blur(2px);
}
.stui-vodlist__item:hover .stui-vodlist__thumb .play{ opacity:1; transform:scale(1); }
.stui-vodlist__thumb .play::before{
  content:""; position:absolute; left:17px; top:13px; width:0; height:0;
  border-left:14px solid #fff; border-top:9px solid transparent; border-bottom:9px solid transparent;
}
.pic-text{
  position:absolute; right:7px; top:7px; left:auto; bottom:auto; width:auto; max-width:calc(100% - 14px);
  padding:3px 9px; border-radius:999px; background:linear-gradient(135deg,var(--coral),var(--coral-d));
  color:#fff !important; font-size:11.5px; font-weight:700; line-height:1.55; letter-spacing:.01em;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  box-shadow:0 4px 12px -6px rgba(228,80,47,.9);
}
.pic-text.text-right{ text-align:right; }
.stui-vodlist__title{
  margin:9px 0 0; font-size:14px; font-weight:700; line-height:1.45;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.stui-vodlist__title a{ color:var(--tx); }
.stui-vodlist__title a:hover{ color:var(--coral); }
.card-text-content{ margin:3px 0 0; font-size:11.5px; line-height:1.5; color:#8198A0; height:34px; overflow:hidden; }
.card-text-content small{ font-size:11.5px; color:#8198A0; }
.card-text-content a{ color:inherit; }

/* ---------- 热播横滑 ---------- */
.mv2-rank{ list-style:none; display:grid; grid-auto-flow:column; grid-auto-columns:132px; gap:14px; overflow-x:auto; padding:2px 2px 10px; scroll-snap-type:x mandatory; }
.mv2-rank > *{ scroll-snap-align:start; }
.mv2-rank__no{
  position:absolute; left:6px; top:6px; z-index:3; min-width:24px; height:24px; padding:0 6px;
  display:flex; align-items:center; justify-content:center; border-radius:7px;
  font-size:12px; font-weight:800; color:#fff; background:var(--ink-d); box-shadow:0 3px 8px -3px rgba(0,0,0,.6);
}
.mv2-rank > *:nth-child(1) .mv2-rank__no{ background:var(--coral); }
.mv2-rank > *:nth-child(2) .mv2-rank__no{ background:#F04E6B; }
.mv2-rank > *:nth-child(3) .mv2-rank__no{ background:#E8944B; }

/* ---------- 分类分区（侧栏 + 网格） ---------- */
.mv2-cat{
  display:grid; grid-template-columns:196px 1fr; gap:22px; margin:0 0 26px; padding:22px;
  background:var(--card); border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow);
}
.mv2-cat__side{
  position:relative; padding:20px 18px; border-radius:var(--radius-s); overflow:hidden;
  background:linear-gradient(160deg,var(--ink) 0%,var(--ink-d) 100%); color:#fff;
}
.mv2-cat__side::after{
  content:""; position:absolute; width:150px; height:150px; right:-60px; bottom:-70px;
  border-radius:50%; background:radial-gradient(circle,rgba(255,107,74,.5),transparent 70%);
}
.mv2-cat__side h3{ position:relative; margin:0 0 8px; font-size:21px; font-weight:800; color:#fff; }
.mv2-cat__side h3 small{ display:block; margin-top:4px; font-size:10px; letter-spacing:.2em; color:var(--ink-l); text-transform:uppercase; }
.mv2-cat__side p{ position:relative; margin:10px 0 16px; font-size:12.5px; line-height:1.7; color:#BFDDE4; }
.mv2-cat__side a.mv2-more{
  position:relative; display:inline-flex; align-items:center; gap:6px; padding:8px 16px;
  border-radius:999px; font-size:12.5px; font-weight:700; color:var(--ink-d); background:#fff;
}
.mv2-cat__side a.mv2-more:hover{ background:var(--coral); color:#fff; }
.mv2-cat__body .stui-vodlist{ grid-template-columns:repeat(6,minmax(0,1fr)); }

/* ---------- SEO / GEO 文本块 ---------- */
.mv2-seo{ margin:0 0 26px; padding:26px 28px; background:var(--card); border:1px solid var(--line); border-radius:var(--radius); }
.mv2-seo h2{ margin:0 0 10px; font-size:18px; font-weight:800; color:var(--ink); }
.mv2-seo h2 small{ margin-left:8px; font-size:11px; letter-spacing:.16em; color:var(--coral); font-weight:700; text-transform:uppercase; }
.mv2-seo p{ margin:0 0 10px; font-size:13.5px; line-height:1.85; color:#415D66; }
.mv2-seo p:last-child{ margin-bottom:0; }
.mv2-seo a{ color:var(--ink-2); text-decoration:underline; text-underline-offset:3px; text-decoration-color:var(--ink-l); }
.mv2-seo a:hover{ color:var(--coral); }

/* ---------- FOOTER ---------- */
.mv-footer{ margin-top:34px; background:linear-gradient(180deg,var(--ink) 0%,var(--ink-d) 100%); color:#BFD9E0; }
.mv-footer__in{
  display:grid; grid-template-columns:1.7fr 1fr 1fr 1.1fr; gap:32px;
  max-width:var(--container); margin:0 auto; padding:44px 18px 34px;
}
.mv-footer h4{ margin:0 0 14px; font-size:14px; font-weight:800; color:#fff; letter-spacing:.04em; }
.mv-footer ul{ margin:0; padding:0; list-style:none; }
.mv-footer li{ margin:0 0 9px; font-size:13px; }
.mv-footer a{ color:#A9CBD4; }
.mv-footer a:hover{ color:var(--coral); }
.mv-footer p{ margin:0 0 8px; font-size:12.5px; line-height:1.8; color:#9FC0C9; }
.mv-footer__brand{ display:flex; align-items:center; gap:10px; margin-bottom:12px; }
.mv-footer__brand img{ width:34px; height:34px; border-radius:10px; }
.mv-footer__brand b{ font-size:18px; color:#fff; letter-spacing:.02em; }
.mv-geo p{ max-width:520px; }
.mv-footer__bar{
  border-top:1px solid rgba(255,255,255,.1); padding:16px 18px; text-align:center;
  font-size:12px; color:#8AACB6; max-width:var(--container); margin:0 auto;
}
.h1-site{
  max-width:var(--container); margin:0 auto 8px; padding:0 18px;
  font-size:12px; font-weight:500; color:#9AB0B6; text-align:center;
}

/* ---------- 广告插槽 ---------- */
.ff-ad-slot,.mv-adslot{ margin:0 0 18px; text-align:center; overflow:hidden; max-height:120px; border-radius:var(--radius-xs); }
.mv-adslot__tag{ font-size:10px; color:#9AB0B6; letter-spacing:.1em; }
ff-ad-slot brde, .mv-adslot brde{ display:block; }

/* ---------- 内页：列表/筛选 ---------- */
.stui-screen__list{
  display:flex; flex-wrap:wrap; gap:8px; margin:0 0 14px; padding:0; list-style:none;
}
.stui-screen__list li{ margin:0; }
.stui-screen__list a,.stui-screen__list span{
  display:inline-block; padding:6px 14px; border-radius:999px; font-size:13px;
  background:var(--mint); color:#3C5C65; border:1px solid transparent;
}
.stui-screen__list a:hover,.stui-screen__list .active a{ background:var(--coral); color:#fff; }
.breadcrumb{ background:transparent; padding:0; margin:0 0 16px; font-size:12.5px; color:var(--muted); }
.breadcrumb a{ color:var(--muted); }
.breadcrumb a:hover{ color:var(--coral); }
.list-intro,.desc{ font-size:13.5px; line-height:1.85; color:#46626B; }
.split-line{ border-color:var(--line); }
.more{ font-size:12.5px; color:var(--muted); }

/* ---------- 内页：详情 ---------- */
.stui-content{
  display:grid; grid-template-columns:250px minmax(0,1fr); gap:26px; margin:0 0 26px; padding:24px;
  background:var(--card); border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow);
}
.stui-content__thumb{ grid-column:1; grid-row:1; min-width:0; }
.stui-content__detail{ grid-column:2; grid-row:1; min-width:0; }
.stui-content__ad{ display:none !important; }
.stui-content__thumb img{ width:100%; border-radius:var(--radius-s); box-shadow:var(--shadow); }
.stui-content__detail .title{
  margin:0 0 14px; font-size:26px; font-weight:800; color:var(--ink); line-height:1.3;
}
.stui-content__detail .title small{ font-size:13px; font-weight:600; color:var(--muted); }
.stui-content__detail .data{
  display:flex; flex-wrap:wrap; gap:8px 18px; margin:0 0 14px; padding:0; list-style:none;
  font-size:13px; color:#4A656E;
}
.stui-content__detail .data li{ margin:0; }
.stui-content__detail .data a{ color:var(--ink-2); }
.stui-content__desc,.desc{ margin:0 0 16px; font-size:13.5px; line-height:1.85; color:#46626B; }
.btn-primary{
  background:var(--ink); border-color:var(--ink); border-radius:999px; padding:9px 22px; font-weight:700;
}
.btn-primary:hover,.btn-primary:focus{ background:var(--coral); border-color:var(--coral); }
.playbtn{
  display:inline-flex; align-items:center; gap:8px; margin:6px 0 16px; padding:12px 28px;
  border-radius:999px; background:linear-gradient(135deg,var(--coral),var(--coral-d));
  color:#fff !important; font-size:15px; font-weight:800; box-shadow:0 12px 26px -14px rgba(228,80,47,.9);
}
.playbtn:hover{ filter:brightness(1.06); transform:translateY(-1px); }
.stui-content__playlist{
  display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; margin:0; padding:0; list-style:none;
  max-height:340px; overflow:auto;
}
.stui-content__playlist li{ margin:0; }
.stui-content__playlist a{
  display:block; padding:8px 6px; border-radius:9px; text-align:center; font-size:12.5px;
  background:var(--mint); color:#3C5C65; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  border:1px solid transparent;
}
.stui-content__playlist a:hover{ background:#fff; border-color:var(--coral); color:var(--coral-d); }
.stui-content__playlist .active a{ background:var(--coral); color:#fff; border-color:var(--coral); }

/* ---------- 内页：播放 ---------- */
.stui-player{ margin:0 0 22px; background:#07222B; border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow); }
.stui-player__video{ position:relative; width:100%; aspect-ratio:16/9; background:#04191F; }
.stui-player__video iframe,.stui-player__video embed,.stui-player__video video{ position:absolute; inset:0; width:100%; height:100%; border:0; }
.stui-player__detail{ padding:16px 20px; background:var(--card); color:var(--tx); }
.stui-player__detail .title{ font-size:18px; font-weight:800; color:var(--ink); margin:0 0 6px; }
.embed-responsive{ position:relative; width:100%; }
.embed-responsive-16by9{ aspect-ratio:16/9; }
.embed-responsive iframe,.embed-responsive embed,.embed-responsive video{ position:absolute; inset:0; width:100%; height:100%; }

/* ---------- 分页 ---------- */
.pagination{ display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin:24px 0; }
.pagination > li > a,.pagination > li > span{
  display:inline-block; min-width:38px; padding:8px 12px; border-radius:10px; text-align:center;
  border:1px solid var(--line) !important; background:#fff; color:#3C5C65; font-size:13px; font-weight:600;
}
.pagination > li > a:hover{ border-color:var(--coral) !important; color:var(--coral); }
.pagination > .active > a,.pagination > .active > span{
  background:var(--ink) !important; border-color:var(--ink) !important; color:#fff !important;
}

/* ---------- 搜索页/空态 ---------- */
.h1-page{ font-size:22px; font-weight:800; color:var(--ink); margin:0 0 16px; }

/* ---------- 响应式 ---------- */
@media (max-width:1180px){
  .stui-vodlist{ grid-template-columns:repeat(5,minmax(0,1fr)); }
  .mv2-cat__body .stui-vodlist{ grid-template-columns:repeat(5,minmax(0,1fr)); }
  .mv-hero{ grid-template-columns:1fr 400px; padding:34px; }
  .mv-search input{ width:150px; }
  .mv-stat{ display:none; }
}
.h1-page{ margin:20px 0 15px; font-size:20px; font-weight:700; color:var(--ink); }
.stui-pannel.pt-0{ padding-top:0; }
.stui-player{ background:var(--card); border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow); overflow:hidden; padding:12px; margin-bottom:22px; }
.stui-player__video{ border-radius:12px; overflow:hidden; }
@media (max-width:980px){
  .mv-hero{ grid-template-columns:1fr; gap:18px; padding:28px 24px; border-radius:20px; }
  .mv-hero h1{ font-size:26px; }
  .mv-hero__picks{ justify-content:flex-start; }
  .mv-hero__pick{ width:auto; max-width:120px; }
  .mv2-chips{ grid-template-columns:repeat(3,1fr); }
  .mv2-cat{ grid-template-columns:1fr; padding:16px; }
  .mv2-cat__side{ padding:16px; }
  .stui-vodlist{ grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px 10px; }
  .mv2-cat__body .stui-vodlist{ grid-template-columns:repeat(4,minmax(0,1fr)); }
  .stui-content{ grid-template-columns:180px 1fr; gap:18px; padding:18px; }
  .stui-content__playlist{ grid-template-columns:repeat(4,minmax(0,1fr)); }
  .mv-footer__in{ grid-template-columns:1fr 1fr; gap:24px; padding:32px 18px 24px; }
  .mv-nav{ order:3; flex:0 0 100%; width:100%; min-width:0; gap:2px; }
  .mv-nav a{ padding:8px 10px; font-size:13.5px; white-space:nowrap; }
  .mv-header__in{ height:auto; padding:10px 18px; flex-wrap:wrap; gap:10px; }
  .mv-search{ margin-left:auto; }
}
@media (max-width:640px){
  body{ font-size:14px; }
  .container{ padding:0 12px; }
  .stui-vodlist{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px 9px; }
  .mv2-cat__body .stui-vodlist{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  .stui-vodlist__title{ font-size:12.5px; }
  .card-text-content{ display:none; }
  .mv-hero{ margin:14px 0 18px; padding:22px 18px; }
  .mv-hero h1{ font-size:21px; }
  .mv-hero p{ font-size:13px; }
  .mv-hero__tags a{ padding:7px 13px; font-size:12.5px; }
  .mv2-chips{ grid-template-columns:repeat(2,1fr); gap:9px; }
  .mv2-chips a:nth-child(5){ grid-column:span 2; }
  .mv-nav a{ padding:7px 9px; font-size:13px; }
  .mv2-chip{ padding:12px 14px; }
  .stui-pannel{ padding:14px 12px 18px; border-radius:14px; }
  .stui-pannel__head .title{ font-size:17px; }
  .stui-vodlist__thumb .play{ width:38px; height:38px; margin:-19px 0 0 -19px; }
  .stui-content{ grid-template-columns:1fr; }
  .stui-content__thumb,.stui-content__detail{ grid-column:1; grid-row:auto; }
  .stui-content__thumb{ max-width:180px; }
  .stui-content__detail .title{ font-size:20px; }
  .stui-content__playlist{ grid-template-columns:repeat(3,minmax(0,1fr)); max-height:280px; }
  .mv-footer__in{ grid-template-columns:1fr; padding:26px 16px 18px; }
  .mv-search form{ padding-left:12px; }
  .mv-search input{ width:120px; font-size:13px; }
  .mv-search button{ padding:0 14px; font-size:13px; }
  .mv-qr{ display:none; }
  .mv2-rank{ grid-auto-columns:112px; }
}
@media (prefers-reduced-motion:reduce){
  *{ animation-duration:.01ms !important; transition-duration:.01ms !important; }
}

/* ---------- 卡片简介：网格内隐藏，仅"最近更新"保留两行 ---------- */
.stui-vodlist__item .card-text-content{ display:none; }
.mv2-new .stui-vodlist .card-text-content{
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;
  margin:5px 0 0; font-size:12px; line-height:1.55; color:var(--muted);
}
.mv2-rank > li{ list-style:none; }
.mv2-rank__no{ pointer-events:none; }

/* ---------- 图片未加载兜底（避免亮色占位） ---------- */
.stui-vodlist__box,.stui-vodlist__thumb,.mv-hero__pick img{ background:#E6EDEE; }
.stui-vodlist__thumb{ background:#E6EDEE; }

/* ---------- 对齐修正：内容块标题与选集一律左对齐（2026-10-23 老板要求"不要居中"） ---------- */
.stui-pannel__head{ justify-content:flex-start !important; text-align:left !important; }
.stui-pannel__head .title{ flex:1 1 auto !important; min-width:0 !important; text-align:left !important; }
.stui-pannel__head .title > a.pull-right,
.stui-pannel__head .pull-right{ margin-left:auto !important; }
.stui-content__playlist{ justify-content:flex-start !important; place-content:start !important; text-align:left !important; }
.stui-content__playlist > li{ justify-self:start !important; }
.stui-content__playlist > li > a{ text-align:center !important; }
@media (max-width:640px){
  .stui-content__playlist{ display:flex !important; flex-wrap:wrap !important; justify-content:flex-start !important; align-items:stretch !important; }
  .stui-content__playlist > li{ flex:0 0 auto !important; width:auto !important; min-width:92px; max-width:46%; }
  .stui-content__playlist > li > a{ display:block !important; }
}

/* ---------- 分页（stui-page / Bootstrap4 结构；本机只加载 Bootstrap3，无 page-item/page-link 样式 → 自绘横排） ---------- */
.stui-page{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:8px;
  margin:26px 0 6px; padding:0; list-style:none; text-align:center; }
.stui-page .page-item{ display:inline-flex; margin:0; padding:0; float:none; list-style:none; }
.stui-page .page-item .page-link{ display:inline-flex; align-items:center; justify-content:center;
  min-width:42px; height:42px; padding:0 14px; border:1px solid var(--line); border-radius:10px;
  background:#fff; color:#3C5C65; font-size:14px; font-weight:600; line-height:1; text-decoration:none;
  transition:border-color .18s, color .18s, background .18s; }
.stui-page .page-item .page-link:hover{ border-color:var(--coral); color:var(--coral); background:var(--coral-x); }
.stui-page .page-item.active .page-link,
.stui-page .page-item.disabled .page-link{ background:var(--coral); border-color:var(--coral); color:#fff; }
.stui-page .page-item.disabled .page-link{ cursor:default; }
@media (max-width:640px){
  .stui-page{ gap:6px; margin:20px 0 4px; }
  .stui-page .page-item .page-link{ min-width:36px; height:36px; padding:0 10px; font-size:13px; }
}

/* ---------- 面包屑：可点击、层级清晰（2026-10-23） ---------- */
.breadcrumb{ display:flex; align-items:center; flex-wrap:wrap; gap:7px; padding:0; margin:0 0 14px;
  background:transparent; font-size:13px; line-height:1.6; }
.breadcrumb a{ color:#0F4C5C; font-weight:600; padding:2px 0; border-bottom:1.5px solid transparent;
  transition:color .18s, border-color .18s; }
.breadcrumb a:hover{ color:var(--coral); border-bottom-color:var(--coral); }
.breadcrumb span{ color:#A9BCC1; font-weight:400; }
.breadcrumb span:last-child{ color:var(--coral); font-weight:700; }