@charset "utf-8";
/* ============================================================
   CC电影 ccfilm.cc — 全新设计系统 v1.0 (2026-10-20)
   主色 翡翠绿 #059669 / 强调 琥珀 #F59E0B / 浅底 #F4F6F8
   与同机其它站点配色区分：紫(cinv)、玫红(hotbo) 均不使用
   ============================================================ */
:root{
  --brand:#059669; --brand-d:#047857; --brand-l:#D1FAE5; --brand-x:#ECFDF5;
  --accent:#F59E0B; --accent-d:#D97706;
  --ink:#0F172A; --ink2:#334155; --muted:#64748B; --line:#E2E8F0;
  --bg:#F4F6F8; --card:#FFFFFF; --hero1:#052E26; --hero2:#0B5E4A;
  --radius:14px; --radius-s:10px;
  --shadow:0 2px 6px rgba(15,23,42,.06),0 10px 24px -12px rgba(15,23,42,.14);
  --shadow-h:0 6px 14px rgba(5,150,105,.16),0 18px 34px -18px rgba(5,150,105,.32);
  --container:1240px;
}
*{-webkit-tap-highlight-color:transparent;}
html{-webkit-text-size-adjust:100%;}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font:15px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}
a{color:inherit;text-decoration:none;transition:color .18s;}
a:hover{color:var(--brand);}
img{max-width:100%;border:0;}
ul,ol{margin:0;padding:0;list-style:none;}
h1,h2,h3,h4{margin:0;font-weight:700;line-height:1.3;}
.container{max-width:var(--container);margin:0 auto;padding:0 16px;}
.row{margin:0;}
.clearfix::after{content:"";display:table;clear:both;}
.text-muted{color:var(--muted);}
.text-red{color:#EF4444;}
.text-green{color:var(--brand);}
.hidden-xs{}
.visible-xs{display:none;}
.pull-left{float:left;} .pull-right{float:right;}

/* ---------- 顶部品牌栏 ---------- */
.mv-header{
  position:sticky;top:0;z-index:200;background:rgba(255,255,255,.94);
  backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--line);
}
.mv-header__in{display:flex;align-items:center;gap:18px;height:64px;}
.mv-brand{display:flex;align-items:center;gap:10px;flex:0 0 auto;}
.mv-brand__logo{width:38px;height:38px;display:block;}
.mv-brand__txt{display:flex;flex-direction:column;line-height:1.15;}
.mv-brand__name{font-size:19px;font-weight:800;letter-spacing:.5px;
  background:linear-gradient(96deg,var(--brand-d),var(--brand) 55%,#10B981);
  -webkit-background-clip:text;background-clip:text;color:transparent;}
.mv-brand__sub{font-size:11px;color:var(--muted);letter-spacing:1.2px;text-transform:uppercase;}
.mv-nav{display:flex;align-items:center;gap:4px;flex:1 1 auto;min-width:0;overflow:auto;scrollbar-width:none;}
.mv-nav::-webkit-scrollbar{display:none;}
.mv-nav a{white-space:nowrap;padding:8px 14px;border-radius:999px;font-weight:600;color:var(--ink2);font-size:15px;}
.mv-nav a:hover{background:var(--brand-x);color:var(--brand-d);}
.mv-nav a.is-on{background:var(--brand);color:#fff;box-shadow:0 6px 14px -8px rgba(5,150,105,.8);}
.mv-search{flex:0 0 auto;display:flex;align-items:center;gap:8px;}
.mv-search form{display:flex;align-items:center;background:var(--bg);border:1px solid var(--line);
  border-radius:999px;padding:3px 4px 3px 14px;}
.mv-search input{border:0;background:transparent;outline:none;width:180px;font-size:14px;color:var(--ink);}
.mv-search input::placeholder{color:#9AA6B2;}
.mv-search button{border:0;cursor:pointer;background:var(--brand);color:#fff;font-size:13px;font-weight:600;
  padding:7px 14px;border-radius:999px;}
.mv-search button:hover{background:var(--brand-d);}
.mv-qr{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);}
.mv-qr img{width:34px;height:34px;border-radius:6px;background:#fff;}
.mv-stat{font-size:13px;color:var(--muted);}
.mv-stat b{color:var(--brand-d);}

/* ---------- Hero ---------- */
.mv-hero{position:relative;margin:22px 0 26px;padding:34px 34px 30px;border-radius:22px;overflow:hidden;
  background:
    radial-gradient(1200px 320px at 88% -10%,rgba(245,158,11,.30),transparent 60%),
    radial-gradient(760px 320px at 8% 110%,rgba(16,185,129,.34),transparent 62%),
    linear-gradient(120deg,var(--hero1),var(--hero2) 72%,#0E7C62);
  color:#fff;box-shadow:var(--shadow);
}
.mv-hero::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;
  background-image:linear-gradient(rgba(255,255,255,.35) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.35) 1px,transparent 1px);
  background-size:46px 46px;mask-image:linear-gradient(160deg,#000,transparent 78%);}
.mv-hero h1{font-size:30px;letter-spacing:.4px;margin-bottom:10px;}
.mv-hero p{margin:0 0 18px;max-width:720px;color:rgba(255,255,255,.86);font-size:15px;}
.mv-hero__tags{display:flex;flex-wrap:wrap;gap:10px;position:relative;z-index:1;}
.mv-hero__tags a{padding:9px 18px;border-radius:999px;font-size:14px;font-weight:600;color:#fff;
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(6px);}
.mv-hero__tags a:hover{background:var(--accent);border-color:var(--accent);color:#3B2503;}

/* ---------- 区块 ---------- */
.stui-pannel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  padding:18px 18px 8px;margin-bottom:22px;box-shadow:var(--shadow);}
.stui-pannel.pt-0{padding-top:10px;}
.stui-pannel__head{margin:0 0 16px;border-bottom:1px solid var(--line);padding-bottom:10px;}
.stui-pannel__head .title{display:flex;align-items:center;justify-content:space-between;
  font-size:18px;font-weight:800;color:var(--ink);position:relative;}
.stui-pannel__head .title::before{content:"";position:absolute;left:-18px;top:50%;transform:translateY(-50%);
  width:4px;height:18px;border-radius:2px;background:linear-gradient(var(--accent),var(--brand));}
.stui-pannel__head .title a{color:inherit;}
.stui-pannel__head .pull-right,.stui-pannel__head .title a.pull-right{font-size:13px;font-weight:600;color:var(--muted);}
.stui-pannel__head .pull-right:hover{color:var(--brand);}

/* ---------- 影片卡片 ---------- */
.stui-vodlist{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px 14px;padding:0 0 10px;}
.stui-vodlist__item{margin:0;min-width:0;}
.stui-vodlist__thumb{position:relative;display:block;aspect-ratio:3/4;border-radius:var(--radius-s);overflow:hidden;
  background:linear-gradient(150deg,#E8EEF2,#D6E2E8);box-shadow:0 1px 3px rgba(15,23,42,.08);}
.stui-vodlist__thumb img,.stui-vodlist__thumb img.lazyload{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .45s cubic-bezier(.2,.7,.3,1);}
.stui-vodlist__item:hover .stui-vodlist__thumb img{transform:scale(1.06);}
.stui-vodlist__thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(3,14,12,.72));}
.stui-vodlist__thumb .play{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;z-index:2;
  border-radius:50%;background:rgba(5,150,105,.92);box-shadow:0 8px 20px -8px rgba(0,0,0,.6);
  opacity:0;transform:scale(.8);transition:.22s;}
.stui-vodlist__item:hover .stui-vodlist__thumb .play{opacity:1;transform:scale(1);}
.stui-vodlist__thumb .play::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-38%,-50%);
  border-style:solid;border-width:7px 0 7px 11px;border-color:transparent transparent transparent #fff;}
.pic-text{position:absolute;left:8px;bottom:8px;right:8px;z-index:2;font-size:12px;font-weight:600;color:#fff;
  text-shadow:0 1px 3px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pic-text.text-right{text-align:right;}
.stui-vodlist__title{font-size:14px;font-weight:600;margin:9px 0 2px;line-height:1.4;
  display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.stui-vodlist__title a{color:var(--ink);}
.stui-vodlist__title a:hover{color:var(--brand-d);}
.card-text-content{margin:0;font-size:12px;color:var(--muted);line-height:1.5;
  display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.card-text-content small{font-size:12px;color:var(--muted);}

/* ---------- 友链 ---------- */
.stui-link__text{display:flex;flex-wrap:wrap;gap:8px 18px;padding-bottom:12px;}
.stui-link__text li a{font-size:13px;color:var(--muted);}
.stui-link__text li a:hover{color:var(--brand);}

/* ---------- 广告位 ---------- */
.ff-ad-slot{margin:8px 0 16px;text-align:center;min-height:0;}
.h1-site{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}

/* 修复：bootstrap .clearfix 的 ::before/::after 在 grid 容器里会变成两个占位网格项，
   导致首行第一格空出、卡片整体右移。仅对 grid 容器禁用。 */
.stui-vodlist::before,.stui-vodlist::after,
.stui-vodlist1::before,.stui-vodlist1::after{content:none!important;display:none!important;}

/* ===== 详情页广告插槽（方案A：限高140px、撑开占位、不覆盖内容） ===== */
.mv-adslot{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;
  height:140px;min-height:140px;max-height:140px;margin:18px 0 8px;padding:0;overflow:hidden;
  background:#f4f6f8;border:1px solid #e6ebef;border-radius:10px;contain:layout paint;}
.mv-adslot__tag{position:absolute;top:4px;right:6px;z-index:2;padding:1px 6px;border-radius:4px;
  background:rgba(0,0,0,.06);color:#98a2b3;font-size:11px;line-height:16px;letter-spacing:.5px;pointer-events:none;}
.mv-adslot > *{max-width:100%;}
/* 联盟注入的 brde（自定义元素，绝对定位 1265x395 大图）——压回文档流并等比缩放 */
.mv-adslot brde,body > brde{position:relative!important;display:flex!important;align-items:center;justify-content:center;
  width:100%!important;max-width:100%!important;height:140px!important;max-height:140px!important;overflow:hidden!important;
  margin:0 auto!important;padding:0!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
  inset:auto!important;z-index:auto!important;transform:none!important;float:none!important;background:transparent!important;}
.mv-adslot brde a,body > brde a,.mv-adslot brde img,body > brde img,.mv-adslot iframe,.mv-adslot img{
  position:static!important;display:block!important;width:auto!important;max-width:100%!important;height:auto!important;
  max-height:140px!important;margin:0 auto!important;top:auto!important;left:auto!important;right:auto!important;
  bottom:auto!important;inset:auto!important;float:none!important;object-fit:contain!important;transform:none!important;}
/* 详情页兜底：任何未被插槽接管的 brde 也不许绝对定位盖内容 */
.brde-guard brde{position:relative!important;top:auto!important;left:auto!important;z-index:auto!important;}
@media (max-width:768px){.mv-adslot{height:100px;min-height:100px;max-height:100px;}
  .mv-adslot brde,body > brde{height:100px!important;max-height:100px!important;}
  .mv-adslot brde img,.mv-adslot img,.mv-adslot iframe{max-height:100px!important;}}


/* ==== 广告插槽硬裁切（mv-adslot-hard）：fixed / 超高 z-index 的创意也不许逃出 140px ==== */
.mv-adslot{
  isolation:isolate!important;
  transform:translateZ(0)!important; contain:paint!important; will-change:transform!important;
  height:140px!important; max-height:140px!important; overflow:hidden!important;
  position:relative!important; z-index:1!important; display:block!important;
}
/* 广告创意保留自身排版，靠插槽 transform+contain 裁切 */
.mv-adslot *::before,.mv-adslot *::after{z-index:auto!important;}
.mv-adslot img{max-height:140px!important; height:auto!important; width:auto!important; max-width:100%!important; object-fit:contain!important;}
@media (max-width:768px){.mv-adslot{height:100px!important;max-height:100px!important}.mv-adslot img{max-height:100px!important}}