/* ==========================================================================
   dy5 模板样式表（单文件自包含）
   --------------------------------------------------------------------------
   仿写来源：桌面 kk 文件夹 mytheme 模板（static/css/mytheme-ui.css +
             mytheme-site.css + mytheme-color3.css + 页面内联样式）
   说明：本文件已合并上述 css 中本模板实际用到的全部规则，并逐段标注
         对应页面位置；不再依赖 mytheme-ui / mytheme-site / mytheme-color3。
   配色：顶栏渐变 #583230→#360940 · 主题橙 #ff9900 · 主蓝 #4fb1f7
   ========================================================================== */

/* ============================================================
   ① 基础重置 + 正文（全部页面通用）
   ============================================================ */
* { margin: 0; padding: 0; box-sizing: border-box; }
*:before, *:after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
    font-family: "Microsoft YaHei", "微软雅黑", "PingFang SC", "Helvetica Neue", Arial, sans-serif;
    background: #f8f8f8;
    color: #666;
    font-size: 14px;
    line-height: 1.6;
    width: 100%;
}
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, table, td, img, div { font-weight: normal; }
ul, ol { list-style: none; }
p { margin-bottom: 10px; }
img { border: 0; vertical-align: middle; }
a { color: #333; text-decoration: none; transition: color .2s ease; }
a:hover { color: cornflowerblue; }
a, button { outline: none; -webkit-tap-highlight-color: rgba(0,0,0,0); }
input, select { font-size: 12px; vertical-align: middle; border: none; outline: none; }
button { border: 0; cursor: pointer; }
h1, h2, h3, h4, h5, h6 { color: #333; margin-bottom: 10px; }
h1 { font-size: 24px; } h2 { font-size: 20px; } h3 { font-size: 18px; }
h4 { font-size: 16px; } h5 { font-size: 14px; } h6 { font-size: 12px; }

/* ============================================================
   ② 容器 / 行 / 清除浮动（全部页面布局骨架）
   ============================================================ */
.container { position: relative; width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 15px; }
.container.min { max-width: 1200px; }
.row { position: relative; margin: 0; padding: 0; }
.container:before, .container:after, .row:before, .row:after,
.clearfix:before, .clearfix:after { display: table; content: " "; clear: both; }

/* ============================================================
   ③ 24 栅格（col-xs / col-sm / col-md / col-lg + col-*-wide 宽栅格）
     对应：首页/列表/搜索/详情/播放页所有卡片网格与左右栏
   ============================================================ */
.col-pd, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6,
.col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-2, .col-md-3, .col-md-4,
.col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9,
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7,
.col-sm-8, .col-sm-9, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5,
.col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding: 10px; }
.col-xs-10 { width: 10%; } .col-xs-9 { width: 11.1111111%; }
.col-xs-8 { width: 12.5%; } .col-xs-7 { width: 14.2857143%; }
.col-xs-6 { width: 16.6666667%; } .col-xs-5 { width: 20%; }
.col-xs-4 { width: 25%; } .col-xs-3 { width: 33.3333333%; }
.col-xs-2 { width: 50%; } .col-xs-1 { width: 100%; }
.col-xs-wide-10 { width: 10%; } .col-xs-wide-9 { width: 90%; }
.col-xs-wide-8 { width: 80%; } .col-xs-wide-7 { width: 70%; }
.col-xs-wide-6 { width: 60%; } .col-xs-wide-5 { width: 50%; }
.col-xs-wide-4 { width: 40%; } .col-xs-wide-3 { width: 30%; }
.col-xs-wide-2 { width: 20%; } .col-xs-wide-25 { width: 25%; }
.col-xs-wide-75 { width: 75%; } .col-xs-wide-15 { width: 15%; }
.col-xs-wide-85 { width: 85%; }
@media (min-width: 768px) {
    .col-sm-10 { width: 10%; } .col-sm-9 { width: 11.1111111%; }
    .col-sm-8 { width: 12.5%; } .col-sm-7 { width: 14.2857143%; }
    .col-sm-6 { width: 16.6666667%; } .col-sm-5 { width: 20%; }
    .col-sm-4 { width: 25%; } .col-sm-3 { width: 33.3333333%; }
    .col-sm-2 { width: 50%; } .col-sm-1 { width: 100%; }
    .col-sm-wide-10 { width: 10%; } .col-sm-wide-9 { width: 90%; }
    .col-sm-wide-8 { width: 80%; } .col-sm-wide-7 { width: 70%; }
    .col-sm-wide-6 { width: 60%; } .col-sm-wide-5 { width: 50%; }
    .col-sm-wide-4 { width: 40%; } .col-sm-wide-3 { width: 30%; }
    .col-sm-wide-2 { width: 20%; } .col-sm-wide-25 { width: 25%; }
    .col-sm-wide-75 { width: 75%; }
}
@media (min-width: 1024px) {
    .col-md-10 { width: 10%; } .col-md-9 { width: 11.1111111%; }
    .col-md-8 { width: 12.5%; } .col-md-7 { width: 14.2857143%; }
    .col-md-6 { width: 16.6666667%; } .col-md-5 { width: 20%; }
    .col-md-4 { width: 25%; } .col-md-3 { width: 33.3333333%; }
    .col-md-2 { width: 50%; } .col-md-1 { width: 100%; }
    .col-md-wide-10 { width: 10%; } .col-md-wide-9 { width: 90%; }
    .col-md-wide-8 { width: 80%; } .col-md-wide-7 { width: 70%; }
    .col-md-wide-6 { width: 60%; } .col-md-wide-5 { width: 50%; }
    .col-md-wide-4 { width: 40%; } .col-md-wide-3 { width: 30%; }
    .col-md-wide-2 { width: 20%; } .col-md-wide-25 { width: 25%; }
    .col-md-wide-75 { width: 75%; }
    .col-md-wide-666 { width: 71%; }
}
@media (min-width: 1440px) {
    .col-lg-10 { width: 10%; } .col-lg-9 { width: 11.1111111%; }
    .col-lg-8 { width: 12.5%; } .col-lg-7 { width: 14.2857143%; }
    .col-lg-6 { width: 16.6666667%; } .col-lg-5 { width: 20%; }
    .col-lg-4 { width: 25%; } .col-lg-3 { width: 33.3333333%; }
    .col-lg-2 { width: 50%; } .col-lg-1 { width: 100%; }
    .col-lg-wide-10 { width: 10%; } .col-lg-wide-9 { width: 90%; }
    .col-lg-wide-8 { width: 80%; } .col-lg-wide-7 { width: 70%; }
    .col-lg-wide-6 { width: 60%; } .col-lg-wide-5 { width: 50%; }
    .col-lg-wide-4 { width: 40%; } .col-lg-wide-3 { width: 30%; }
    .col-lg-wide-2 { width: 20%; }
}
/* 图片定宽（详情页海报/侧栏缩略图） */
.img-xs-300 { width: 300px; } .img-xs-220 { width: 220px; }
.img-xs-150 { width: 150px; } .img-xs-130 { width: 130px; }
.img-xs-100 { width: 100px; } .img-xs-70 { width: 70px; }
@media (min-width: 768px) {
    .img-sm-300 { width: 300px; } .img-sm-220 { width: 220px; }
    .img-sm-150 { width: 150px; } .img-sm-130 { width: 130px; }
}
@media (min-width: 1024px) {
    .img-md-300 { width: 300px; } .img-md-220 { width: 220px; }
    .img-md-150 { width: 150px; } .img-md-130 { width: 130px; }
}

/* ============================================================
   ④ 文字 / 字体 / 线条工具类（全部页面）
   ============================================================ */
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-overflow { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.text-333 { color: #333; }
.text-muted { color: #999; }
.text-red { color: red; }
.text-fff { color: #fff; }
.font-12 { font-size: 12px; } .font-13 { font-size: 13px; }
.font-14 { font-size: 14px; } .font-15 { font-size: 15px; }
.font-16 { font-size: 16px; } .font-18 { font-size: 18px; }
.font-bold { font-weight: 700; }
.margin-0 { margin: 0 !important; }
.padding-0 { padding: 0 !important; }
.pb10 { padding-bottom: 10px; } .pt10 { padding-top: 10px; }
.mb10 { margin-bottom: 10px; } .mt10 { margin-top: 10px; }
.pull-left { float: left !important; }
.pull-right { float: right !important; }
.relative { position: relative; }
.radius-0 { border-radius: 0 !important; }
.spot { display: inline-block; margin-right: 5px; width: 8px; height: 8px; border-radius: 50%; border: 2px solid #ff9900; background: #fff; }
.split-line { display: inline-block; margin-left: 12px; margin-right: 12px; width: 1px; height: 14px; vertical-align: -2px; background-color: #eee; }
.top-line, .top-line-dot, .bottom-line, .bottom-line-dot { position: relative; }
.top-line:before, .top-line-dot:before { content: " "; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px solid #eee; }
.bottom-line:after { content: " "; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; border-bottom: 1px solid #eee; }
.top-line-dot:before { border-top: 1px dotted #eee; }
.hidden { overflow: hidden !important; }
.block { display: block !important; }
.inline-block { display: inline-block !important; }

/* ============================================================
   ⑤ 响应式显隐（hidden-xs / hidden-sm / visible-xs 等）
   ============================================================ */
.hide, .visible-lg, .visible-md, .visible-sm, .visible-xs,
.visible-inline-lg, .visible-inline-md, .visible-inline-sm, .visible-inline-xs { display: none !important; }
@media (max-width: 767px) {
    .visible-xs { display: block !important; }
    .visible-inline-xs { display: inline-block !important; }
    .hidden-xs { display: none !important; }
}
@media (max-width: 1023px) and (min-width: 768px) {
    .visible-sm { display: block !important; }
    .visible-inline-sm { display: inline-block !important; }
    .hidden-sm { display: none !important; }
}

/* ============================================================
   ⑥ 表单控件（搜索框 input）
   ============================================================ */
.form-control {
    display: block; width: 100%; height: 35px; padding: 0 10px;
    font-size: 12px; line-height: 20px; border-radius: 4px;
    background-color: #F5F5F5; color: #999; border: 1px solid #eee;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.form-control:focus { border-color: #ff9900; box-shadow: inset 0 1px 1px rgba(255,136,0,.075), 0 0 8px rgba(255,136,0,.6); }

/* ============================================================
   ⑦ 按钮 btn 系列（全部页面：播放/选集/分页/筛选/更多）
   ============================================================ */
.btn { display: inline-block; padding: 8px 30px; font-size: 12px; border-radius: 5px; text-align: center; }
.btn.btn-xs { padding: 4px 15px; }
.btn.btn-sm { padding: 6px 20px; }
.btn.btn-md { padding: 8px 25px; }
.btn.btn-lg { padding: 12px 30px; }
.btn.btn-block { display: block; width: 100%; padding-left: 5px; padding-right: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.btn.btn-warm { background: linear-gradient(to right, #ff9900 0, #ff9f16 100%); color: #fff; box-shadow: 0 5px 10px rgba(255,111,0,.25); }
.btn.btn-warm:hover { color: #fff; }
.btn.btn-default { background: linear-gradient(to right, #eeeeee 0, #f6f6f6 100%); color: #333; box-shadow: 0 5px 10px rgba(246,246,246,.25); }
.btn.btn-default:hover { color: #333; }
.btn.disabled { cursor: not-allowed; opacity: .6; }

/* ============================================================
   ⑧ 徽章 badge（首页/详情页排行 1-3 名红橙黄，4+ 灰）
   ============================================================ */
.badge { display: inline-block; margin-right: 10px; width: 18px; height: 18px; text-align: center; line-height: 18px; border-radius: 2px; font-size: 12px; background-color: #eee; color: #333; }
.badge-first { background-color: #ff4a4a; color: #fff; }
.badge-second { background-color: #ff7701; color: #fff; }
.badge-third { background-color: #ffb400; color: #fff; }

/* ============================================================
   ⑨ 图片角标 pic-tag / pic-text / pic-title（卡片左上评分、底部状态、顶部标题）
   ============================================================ */
.pic-tag { position: absolute; z-index: 99; padding: 2px 8px; font-size: 12px; border-radius: 2px; background-color: rgba(0,0,0,.6); color: #fff; }
.pic-tag-top { top: 5px; left: 5px; }
.pic-tag-bottom { bottom: 5px; right: 5px; }
.pic-tag.active, .pic-tag-h { background-color: #ff9900; color: #fff; }
.pic-text {
    display: block; width: 100%; position: absolute; z-index: 99; bottom: 0; left: 0;
    padding: 5px 10px; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    background-image: linear-gradient(transparent, rgba(0,0,0,.5)); color: #fff;
}
.pic-title-top {
    display: block; width: 100%; position: absolute; top: 0; left: 0; padding: 5px 10px 10px;
    font-size: 12px; background: linear-gradient(to bottom, rgba(0,0,0,.7) 0, rgba(0,0,0,0) 100%); color: #fff;
}

/* ============================================================
   ⑩ 顶部渐变 + 头部（所有页面 .myui-header__top，渐变仅覆盖头部自身）
      注意：容器用 div（勿用 <header>，否则手机端广告计算高度会留空白）
   ============================================================ */
.myui-header__top {
    position: relative;
    z-index: 10;
    background-image: linear-gradient(135deg, #583230 10%, #360940 100%);
}
.myui-header__top .container { max-width: 1200px; }
.myui-header__top .row { padding: 12px 0 0; }
.myui-header__logo { float: left; margin-right: 40px; }
.myui-header__logo .logo-text {
    color: #fff; font-size: 26px; line-height: 44px; font-weight: 700;
    margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 320px;
}
.myui-header__menu { float: left; }
.myui-header__menu > li { position: relative; float: left; margin-left: 28px; }
.myui-header__menu > li > a { display: block; font-size: 15px; line-height: 44px; color: #fff; border-radius: 4px; padding: 0 10px; }
.myui-header__menu > li.active > a { color: #ff9900 !important; background: rgba(255,255,255,.12); }
.myui-header__menu > li > a:hover { color: #ffb400; }
/* 菜单子分类下拉（hover 显示） */
.myui-header__menu .dropdown-box { position: absolute; top: 100%; left: 0; min-width: 170px; padding-top: 8px; display: none; z-index: 100; }
.myui-header__menu > li:hover .dropdown-box { display: block; }
.dropdown-box .item { background-color: #fff; box-shadow: 0 2px 5px rgba(0,0,0,.1); border-radius: 4px; }
.dropdown-box .item li { padding: 5px; }
.dropdown-box .item a { display: block; padding: 8px 14px; color: #333; font-size: 14px; border-radius: 3px; white-space: nowrap; }
.dropdown-box .item a:hover { background: #f7f7f7; color: #ff9900; }

/* ---------- 搜索区（头部下半部：热词 + 搜索框） ---------- */
.myui-header__search { width: 100%; padding: 4px 0 14px; }
.myui-header__search .search-hot { line-height: 38px; }
.myui-header__search .search-hot > span { color: #ddd; margin-right: 4px; }
.myui-header__search .search-hot a { display: inline-block; margin-left: 18px; color: #ddd; font-size: 13px; }
.myui-header__search .search-hot a:hover { color: #ffb400; }
.myui-header__search .search-hot div { display: inline; }
.myui-header__search li { float: left; }
.myui-header__search li.search-box { position: relative; width: 300px; height: 40px; }
.myui-header__search li.search-box .form-control { height: 40px; padding-left: 34px; border-radius: 5px; background: #fff; border: 2px solid #fff; color: #333; }
.myui-header__search li.search-box .form-control:focus { border-color: #ff9900; box-shadow: none; }
.myui-header__search li.search-box .submit { position: absolute; top: 0; left: 8px; height: 40px; line-height: 40px; background: none; border: 0; color: #999; }
.myui-header__search li.search-box:hover .search-dropdown-hot { display: block; }
/* 搜索下拉：热门搜索榜（带 1-3 徽章） */
.myui-header__search li.search-box .dropdown-box { top: 100%; left: 0; margin-left: 0; padding-top: 8px; }
.myui-header__search li.search-box .dropdown-box .item { width: 300px; padding: 15px 20px; border-radius: 5px; }
.myui-header__search li.search-box .dropdown-box .item p { margin: 0; padding: 4px 0; }
.myui-header__search li.search-box .dropdown-box .item a { display: block; color: #333; padding: 0; }
.myui-header__search li.search-box .dropdown-box .item a:hover { color: #ff9900; }
.myui-header__search li.search-box .dropdown-box .item .badge { margin-right: 8px; }

/* ============================================================
   ⑪ 手机端头部适配（菜单横向滚动，搜索框满宽）
   ============================================================ */
@media (max-width: 767px) {
    .myui-header__top .row { padding: 8px 0 0; }
    .myui-header__logo { margin-right: 10px; }
    .myui-header__logo .logo-text { font-size: 19px; line-height: 36px; max-width: 150px; }
    .myui-header__menu { float: right; max-width: calc(100% - 170px); white-space: nowrap; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
    .myui-header__menu::-webkit-scrollbar { display: none; }
    .myui-header__menu > li { float: none; display: inline-block; margin-left: 14px; }
    .myui-header__menu > li > a { line-height: 36px; font-size: 14px; padding: 0 4px; }
    .myui-header__menu .dropdown-box { display: none !important; }
    .myui-header__search .search-hot { display: none !important; }
    .myui-header__search li.search-box { width: 100%; }
    .myui-header__search li.search-box .form-control { height: 38px; }
    .myui-header__search li.search-box .submit { height: 38px; line-height: 38px; }
    .myui-header__search li.search-box .dropdown-box .item { width: 100%; }
}

/* ============================================================
   ⑫ 首页轮播区（#index-hot 今日更新，横向滚动 6/4/3 列）
   ============================================================ */
.myui-panel.radius-0 { margin-bottom: 0; }
.index-hot-scroll {
    display: flex; overflow-x: auto; gap: 10px; padding: 6px 2px 10px;
    scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;
}
.index-hot-scroll::-webkit-scrollbar { height: 6px; }
.index-hot-scroll::-webkit-scrollbar-thumb { background: rgba(255,255,255,.25); border-radius: 3px; }
.index-hot-item { flex: 0 0 16.6666667%; scroll-snap-align: start; }
@media (max-width: 1023px) { .index-hot-item { flex-basis: 25%; } }
@media (max-width: 479px) { .index-hot-item { flex-basis: 33.3333333%; } }

/* ============================================================
   ⑬ 面板 myui-panel（全部页面板块容器）
   ============================================================ */
.myui-panel { position: relative; margin-bottom: 20px; padding: 10px; border-radius: 5px; }
.myui-panel-box { padding: 10px; }
.myui-panel-bg, .myui-panel-bg2 { background-color: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.05); }
.myui-panel_hd { padding: 5px 0 10px; }
.myui-panel__head { position: relative; height: 30px; border-bottom: 1px solid #eee; padding-bottom: 10px; }
.myui-panel__head.active { height: 42px; }
.myui-panel__head .title { float: left; display: inline-block; margin: 0; padding-right: 10px; padding-left: 10px; font-size: 18px; font-weight: 700; line-height: 30px; border-left: 4px solid #ff9900; color: #333; }
.myui-panel__head h1.title { font-size: 20px; }
.myui-panel__head .more { line-height: 30px; font-size: 13px; }
.myui-panel__head .more:hover { color: #ff9900; }
.myui-panel_bd { padding-top: 5px; }
/* 渐变区块（首页轮播区 / 详情信息区 / 播放器区，仿 kk 顶部渐变延伸） */
.gradient-bg { background-image: linear-gradient(135deg, #583230 10%, #360940 100%); }

/* ============================================================
   ⑭ 影片卡片 myui-vodlist（首页/列表/搜索/推荐 通用 6 列网格）
   ============================================================ */
.myui-vodlist { margin: -5px; }
.myui-vodlist::after { content: ""; display: block; clear: both; }
.myui-vodlist__box { position: relative; }
.myui-vodlist__thumb {
    display: block; position: relative; width: 100%; padding-top: 150%;
    border-radius: 5px; overflow: hidden;
    background-color: #f0f0f0; background-position: 50% 50% !important; background-size: cover !important;
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
.myui-vodlist__thumb.wide { padding-top: 60%; }
.myui-vodlist__thumb.square { padding-top: 100%; }
.myui-vodlist__thumb.picture { background: none; overflow: hidden; padding-top: 0; }
.myui-vodlist__thumb.picture img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.myui-vodlist__thumb img {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    object-fit: cover; transition: transform .35s ease;
}
.myui-vodlist__box:hover .myui-vodlist__thumb img { transform: scale(1.06); }
.myui-vodlist__thumb .play {
    opacity: 0; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%;
    background: rgba(0,0,0,.2) url(../images/play.png) center no-repeat;
    -webkit-transition: all ease-out .35s; transition: all ease-out .35s;
}
.myui-vodlist__thumb:hover .play { opacity: 1; }
.myui-vodlist__detail { padding: 8px 4px 0; }
.myui-vodlist__detail .title { margin: 0; font-size: 15px; font-weight: 700; line-height: 1.4; }
.myui-vodlist__detail .title a { color: #333; }
.myui-vodlist__detail .title a:hover { color: #ff9900; }
.myui-vodlist__detail .text { min-height: 19px; font-size: 12px; color: #999; margin: 5px 0 0; }

/* ============================================================
   ⑮ 文字排行 myui-vodlist__text（首页板块 12 条榜 / 详情侧栏热播榜）
   ============================================================ */
.myui-vodlist__text { padding-top: 5px; }
.myui-vodlist__text li { padding: 6px 0; }
.myui-vodlist__text li a { display: block; color: #333; font-size: 14px; }
.myui-vodlist__text li a:hover { color: #ff9900; }
.myui-vodlist__text li a .badge { margin-right: 8px; }
.top-line-dot { position: relative; }
.top-line-dot:before { content: " "; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px dotted #eee; }

/* ============================================================
   ⑯ 媒体列表 myui-vodlist__media（详情侧栏榜首图+文字）
   ============================================================ */
.myui-vodlist__media li { padding: 10px 0; }
.myui-vodlist__media li:first-child { padding-top: 0; }
.myui-vodlist__media .thumb, .myui-vodlist__media .detail { display: table-cell; vertical-align: top; }
.myui-vodlist__media .detail { width: 100%; padding: 0 0 0 20px; }
.myui-vodlist__media .detail-side { padding: 0 10px 0; }
.myui-vodlist__media .detail h4.title { margin: 6px 0 8px; font-size: 16px; line-height: 22px; }
.myui-vodlist__media .detail h4.title a { color: #333; }
.myui-vodlist__media .detail h4.title a:hover { color: #ff9900; }
.myui-vodlist__media .detail p { margin-bottom: 4px; }
.myui-vodlist__thumb.img-xs-70 { width: 70px; padding-top: 100%; }

/* ============================================================
   ⑰ 详情页：左海报右信息（myui-content__thumb + __detail）
   ============================================================ */
.myui-content__thumb, .myui-content__detail { display: table-cell; vertical-align: top; }
.myui-content__detail { width: 100%; padding-left: 20px; }
.myui-content__detail .title { margin: 10px 0 10px; font-size: 24px; line-height: 30px; }
.myui-content__detail .data { margin-bottom: 10px; line-height: 20px; word-wrap: break-word; word-break: break-all; }
.myui-content__detail .data a { color: cornflowerblue; }
.myui-content__detail .data a:hover { color: #ff9900; }
.myui-content__detail .topline { position: relative; margin: 0; padding: 10px 0; }
.myui-content__detail .operate { margin-top: 20px; }
.myui-content__detail .operate .btn { margin-right: 10px; }
.myui-content__detail .operate .btn:last-child { margin-right: 0; }
/* 详情信息区渐变底色（白字标题可见） */
.myui-panel.gradient-bg .myui-content__detail .title { color: #fff; }
.myui-panel.gradient-bg .myui-content__detail .data,
.myui-panel.gradient-bg .myui-content__detail .data a { color: #ddd; }
.myui-panel.gradient-bg .myui-content__detail .data .text-muted { color: #aaa; }
.myui-panel.gradient-bg .myui-content__detail .topline:before { content: " "; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px solid rgba(255,255,255,.15); }
/* 详情缩略图：占位图 + 海报填充 */
.myui-content__thumb .myui-vodlist__thumb { padding-top: 140%; }
.myui-content__thumb img.lazyload { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 767px) {
    .myui-content__detail { padding-left: 10px; }
    .myui-content__detail .title { margin: 5px 0 8px; font-size: 18px; line-height: 18px; }
    .myui-content__detail .data { font-size: 12px; line-height: 18px; }
    .myui-content__detail .operate { margin: 0; padding: 0; }
    .myui-content__detail .topline { padding: 5px 0; }
}

/* ============================================================
   ⑱ 播放地址剧集列表 myui-content__list（详情页 tabs / 播放页侧栏）
   ============================================================ */
.myui-content__list { position: relative; }
.myui-content__list li { float: left; padding: 10px; }
.myui-content__list li a { display: block; padding: 8px; text-align: center; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.myui-content__list.sort-list li { padding: 5px; }
.myui-content__list.sort-list a { padding: 6px 10px; border-radius: 5px; }
.myui-content__list.sort-list a.btn-warm { color: #fff; }
.myui-content__list.sort-list a.btn-default { color: #333; }
/* 详情页 tabs（多播放源切换） */
.nav { position: relative; }
.nav > li { float: left; }
.nav-tabs { position: relative; }
.nav-tabs > li { float: left; margin-left: 30px; }
.nav-tabs > li > a { display: block; padding-bottom: 10px; font-size: 14px; color: #333; }
.nav-tabs > li.active > a { border-bottom: 2px solid #ff9900; color: #ff9900; }
.nav-tabs.active { height: 42px; }
.myui-panel__head.active .nav-tabs { float: right; }
@media (max-width: 1023px) {
    .nav-tabs.active { height: 35px; white-space: nowrap; overflow-y: hidden; overflow-x: scroll; -webkit-overflow-scrolling: touch; }
    .nav-tabs.active li { float: none; display: inline-block; }
    .nav-tabs > li { margin-left: 15px; }
}
/* tab 内容切换 */
.fade { opacity: 0; -webkit-transition: opacity .15s linear; transition: opacity .15s linear; }
.fade.in { opacity: 1; }
.tab-content > .tab-pane { display: none; }
.tab-content > .tab-pane.active { display: block; }
/* 剧集列表滚动条 */
.myui-content__list::-webkit-scrollbar { width: 4px; background-color: #f5f5f5; }
.myui-content__list::-webkit-scrollbar-thumb { background-color: #ccc; }

/* ============================================================
   ⑲ 播放页：播放器 + 右侧侧栏（myui-player / #player-sidebar）
   ============================================================ */
.myui-player__item { position: relative; }
#player-left { width: 75%; }
#player-sidebar { width: 25%; }
.embed-responsive { position: relative; display: block; overflow: hidden; padding: 0; height: 0; }
.embed-responsive .embed-responsive-item, .embed-responsive embed,
.embed-responsive iframe, .embed-responsive object, .embed-responsive video,
.embed-responsive #dplayer { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; }
.embed-responsive-16by9 { padding-bottom: 56.25%; }
.myui-player__info { padding: 10px 0; }
.myui-player__info .text-fff { color: #fff; }
.myui-player__info .btn { margin-left: 8px; }
/* 播放页顶部渐变区（播放器 + 侧栏深色背景，白字） */
.myui-panel.gradient-bg #player-left { background: #000; }
#player-sidebar { background: #1c1b1e; border-radius: 0 5px 5px 0; overflow-y: auto; max-height: 555px; }
#player-sidebar::-webkit-scrollbar { width: 4px; background-color: #1c1b1e; }
#player-sidebar::-webkit-scrollbar-thumb { background-color: #434145; }
#player-sidebar .myui-panel { background: none; box-shadow: none; padding: 0; }
#player-sidebar .myui-panel__head .title { color: #fff; border-left-color: #ff9900; }
#player-sidebar .myui-content__list li { padding: 5px; }
#player-sidebar .myui-content__list a { padding: 6px 10px; border-radius: 5px; background: #2a282c; color: #ccc; }
#player-sidebar .myui-content__list a:hover { color: #fff; }
#player-sidebar .myui-content__list li.playon a { color: #f1225a; border: 1px solid #f1225a; background: #2a282c; }
/* 换线路下拉 */
#player-sidebar .dropdown { position: relative; float: right; }
#player-sidebar .dropdown-box { position: absolute; right: 0; top: 100%; padding-top: 8px; display: none; z-index: 99; }
#player-sidebar .dropdown:hover .dropdown-box { display: block; }
#player-sidebar .dropdown-box .item { width: 150px; padding: 10px; }
#player-sidebar .dropdown-box .item li { padding: 5px; }
#player-sidebar .dropdown-box .item a { display: block; padding: 6px 10px; color: #333; border-radius: 3px; }
#player-sidebar .dropdown-box .item a:hover { background: #f5f5f5; color: #ff9900; }
/* 播放页侧栏标题区 */
#player-sidebar .text-muted { color: #999; }
#player-sidebar .text-red { color: #f1225a; }
@media (max-width: 767px) {
    #player-left { width: 100%; }
    #player-sidebar { width: 100%; max-height: none; }
}

/* ============================================================
   ⑳ 分页 myui-page（列表/搜索页页码）
   ============================================================ */
.myui-page { padding: 20px 10px 10px; text-align: center; margin-bottom: 30px; }
.myui-page li { display: inline-block; margin-left: 10px; }
.myui-page li:first-child { margin-left: 0; }
.myui-page li a { display: inline-block; padding: 5px 15px; }
.myui-page li a.btn-warm { color: #fff; }
@media (max-width: 767px) {
    .myui-page li { float: left; width: 20%; margin: 0; padding: 0 5px; }
    .myui-page li a { display: block; padding: 5px 0; text-align: center; }
}

/* ============================================================
   ㉑ 分类筛选条 myui-screen__list（分类页类型/排序）
   ============================================================ */
.myui-screen__list { position: relative; padding: 10px 10px 0; white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.myui-screen__list::-webkit-scrollbar { display: none; }
.myui-screen__list li { display: inline-block; margin-right: 10px; margin-bottom: 10px; }
.myui-screen__list li a.btn { padding: 5px 12px; font-size: 14px; }

/* ============================================================
   ㉒ 返回顶部 + 页脚（全部页面底部）
   ============================================================ */
.myui-extra { position: fixed; right: 20px; bottom: 30px; z-index: 1000; }
.myui-extra li { padding: 8px 0 0; }
.myui-extra li a { display: block; width: 44px; height: 44px; line-height: 44px; text-align: center; border-radius: 50%; font-size: 18px; background-color: rgba(0,0,0,.6); color: #fff; box-shadow: 0 1px 4px rgba(0,0,0,.1); }
.myui-extra li a:hover { background-color: #ff9900; color: #fff; }
.myui-extra li a.backtop { display: none; }
.myui-foot { background-color: #f8f8f8; padding: 20px 0; border-top: 1px solid #eee; margin-top: 20px; }
.myui-foot p { line-height: 25px; color: #999; font-size: 12px; }
.myui-foot a { color: #999; }
.myui-foot a:hover { color: #ff9900; }

/* ============================================================
   ㉓ 移动端全局微调（≤767px）
   ============================================================ */
@media (max-width: 767px) {
    body { font-size: 12px; padding-bottom: 0; }
    .container { padding: 0 8px; }
    .col-pd, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5,
    .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding: 5px; }
    .myui-panel { padding: 5px; margin-bottom: 12px; }
    .myui-panel-box { padding: 5px; }
    .myui-panel__head .title { font-size: 16px; }
    .myui-panel__head.active { height: 35px; }
    .myui-panel__head .more { line-height: 35px; }
    .myui-vodlist__detail .title { font-size: 13px; }
    .myui-vodlist__text li a { padding: 8px 0; font-size: 13px; }
    .myui-extra { right: 15px; bottom: 80px; }
    .myui-extra li a { width: 36px; height: 36px; line-height: 36px; font-size: 15px; }
    .btn { padding: 8px 16px; }
    .btn.btn-sm { padding: 6px 12px; }
    .myui-page li a { padding: 5px 0; }
}

/* ============================================================
   ㉔ 桌面端容器宽度（≥1200px 固定 1200px 居中）
   ============================================================ */
@media (min-width: 1200px) {
    .container, .container.min { max-width: 1200px; padding-left: 0; padding-right: 0; }
}