*{box-sizing:border-box}html,body{height:auto!important;min-height:100%;margin:0;padding:0;max-width:100%;overflow-x:hidden;overflow-y:auto!important}body.bg{background:#ff3b7d url('../images/bgpic2.jpg') center top/cover fixed no-repeat;color:#222;font:14px/1.5 Arial,"Microsoft YaHei",sans-serif}a{text-decoration:none}.bh-page{width:min(960px,100%);margin:0 auto;background:#fff}.bh-navbar{height:66px;background:#000}.bh-inner{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 0}.bh-logo{width:160px;height:58px;display:flex;align-items:center}.bh-logo img{width:160px;height:50px;object-fit:contain}.bh-save{color:#ddd}.bh-marquee{height:28px;padding:4px 10px;background:#0d0d0d;color:#fff;overflow:hidden;white-space:nowrap}.bh-panel{margin:0 5px;background:#fff}.bh-recommend{padding:8px 0 4px}.bh-recommend h2,.bh-videos h1,.bh-videos h2{margin:0 0 6px;padding-left:14px;border-left:4px solid #111;font-size:20px}.bh-recommend-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:2px}.bh-recommend-grid a{height:30px;display:flex;align-items:center;justify-content:center;min-width:0;border-radius:4px;background:#ee7248;color:#fff;overflow:hidden;white-space:nowrap}.bh-tags{display:flex;flex-wrap:wrap;gap:3px;padding:2px 0 7px;border-bottom:4px solid #f09ab7}.bh-tags a{padding:2px 6px;border:1px solid currentColor;border-radius:4px;background:#fff;font-size:13px}.bh-tags .tone-0{color:#e24a36}.bh-tags .tone-1{color:#4db765}.bh-tags .tone-2{color:#6642be}.bh-tags .tone-3{color:#d09a1b}.bh-tags .tone-4{color:#b32778}.bh-tags .tone-5{color:#2f8b8a}.bh-tags .tone-6{color:#7a9930}.bh-tags .tone-7{color:#444}.bh-menu{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));border-bottom:1px solid #111}.bh-menu a{height:56px;display:flex;align-items:center;justify-content:center;min-width:0;border-bottom:1px solid #aaa;white-space:nowrap;font-size:15px}.bh-menu .row-title{justify-content:flex-start;padding-left:14px;color:#e25c43;border-right:1px solid #31504d}.bh-search{display:flex;height:40px;margin:10px 5px;border:1px solid #777}.bh-search input{flex:1;min-width:0;border:0;padding:0 8px}.bh-search button{width:260px;border:0;background:#000;color:#fff;font-size:15px}.route-catalog{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.bh-videos{padding:6px 5px 14px;border-top:4px solid #f09ab7;background:#fff}.bh-videos h1,.bh-videos h2{display:flex;justify-content:space-between}.bh-videos h2 a{font-size:16px}.bh-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 14px}.bh-card{display:block;min-width:0;color:#222}.bh-thumb{display:block;aspect-ratio:16/10;background:linear-gradient(#444,#111);overflow:hidden}.bh-thumb img{width:100%;height:100%;object-fit:cover}.bh-card strong{display:block;height:42px;margin-top:5px;overflow:hidden;font-weight:400;line-height:20px}.bh-card small{display:block;color:#aaa}.bh-bottom-links{padding:4px 0 18px}.bh-footer{padding:20px 10px;background:#000;color:#f2a0bd;text-align:center;font-size:15px}.bh-footer p{margin:4px 0}.bh-footer a{color:#fff36a}.thumbnail-group,.vod-list{max-width:960px;margin-left:auto!important;margin-right:auto!important}.detail{max-width:950px;margin:auto}.detail iframe,.detail video{max-width:100%}
@media(max-width:700px){body.bg{background-color:#ff3b7d;background-image:none}.bh-page{width:100%}.bh-navbar,.bh-inner{height:56px}.bh-logo{width:145px;height:54px}.bh-logo img{width:145px;height:46px}.bh-save{font-size:12px;padding-right:8px}.bh-marquee{font-size:11px}.bh-recommend h2,.bh-videos h1,.bh-videos h2{font-size:17px}.bh-recommend-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.bh-recommend-grid a{height:29px;font-size:12px}.bh-tags a{font-size:11px;padding:2px 5px}.bh-menu{grid-template-columns:repeat(3,minmax(0,1fr))}.bh-menu a{height:38px;font-size:12px}.bh-menu .row-title{justify-content:center;padding:0;font-size:13px}.bh-search{height:36px}.bh-search button{width:105px}.bh-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 7px}.bh-card strong{height:38px;font-size:13px;line-height:18px}.bh-card small{font-size:11px}.bh-footer{font-size:12px}}

/* Replace two absent legacy bitmap overlays with self-contained CSS/SVG. */
.thumbnail-group>li>.thumbnail .video-grade{
  background-image:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.72));
  background-repeat:repeat-x;
}
.thumbnail-group>li>.thumbnail::after,
.detail-poster>a::after{
  background-color:rgba(0,0,0,.18);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath fill='%23fff' fill-opacity='.88' d='M12 7l22 13-22 13z'/%3E%3C/svg%3E");
  background-position:center;
  background-repeat:no-repeat;
  background-size:40px 40px;
}
.detail-poster>a::after{background-color:rgba(0,0,0,.3)}

/* Search is the only route using these legacy vod-* classes. Keep every card
   inside the same 960px shell as the cloned home page and size real images
   from the card rather than from their native pixel dimensions. */
.list-container.container{
  width:min(960px,100%);
  max-width:960px;
  min-width:0;
  margin:0 auto;
  padding:12px 5px 18px;
}
.web-list,.web-list-title,.web-list-box{width:100%;max-width:100%;min-width:0}
.web-list-title{display:flex;align-items:center;justify-content:space-between}
.web-list-title h2{margin:0 0 10px;padding-left:14px;border-left:4px solid #111;font-size:20px}
.web-list-box{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.web-list-box>.vod-list{
  display:block;
  width:auto;
  max-width:none;
  min-width:0;
  margin:0!important;
}
.vod-list>a,.vod-item{display:block;width:100%;max-width:100%;min-width:0;color:#222}
.vod-pic-box{
  position:relative;
  display:block;
  width:100%;
  max-width:100%;
  aspect-ratio:16/10;
  overflow:hidden;
  background:#222;
}
.vod-pic-box>.vod-pic{
  display:block;
  width:100%!important;
  max-width:100%!important;
  height:100%!important;
  object-fit:cover;
}
.vod-date{position:absolute;right:5px;bottom:5px;padding:1px 6px;border-radius:10px;background:rgba(0,0,0,.62);color:#fff;font-size:11px}
.vod-name{height:42px;margin:5px 0 0;overflow:hidden;line-height:20px}
@media(max-width:700px){
  .list-container.container{padding:10px 5px 16px}
  .web-list-title h2{font-size:17px}
  .web-list-box{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 7px}
  .vod-name{height:38px;font-size:13px;line-height:18px}
}