/* 仿九色：黑色头部 + 灰白底；横幅两列、文字广告黄粉两列、绿色提示条、红框热门标签；片单电脑四列、手机两列 */
.t-jiu{--wmax:1224px;--bg:#f8f9fa;--bg2:#fff;--bg3:#e9ecef;--tx:#343a40;--tx2:#868e96;--bd:#dee2e6;--r:0px}
.t-jiu .wrap{max-width:var(--wmax);padding:0 12px}

/* 头部：三栏 2:1.8:2.2，第一排 90 高，下面一条通栏分隔线 + 第二排导航 */
.jiu-hd{background:#000}
.jiu-top{display:grid;grid-template-columns:2fr 1.8fr 2.2fr;align-items:center;min-height:90px}
.jiu-hd .logo{min-width:0;max-width:100%;justify-self:start;font-size:30px;font-weight:400;color:#fff}
.jiu-hd .logo img{height:50px}
.ph-so{min-width:0}
.ph-so[hidden]{display:block}
.jiu-hd .so{max-width:none;margin:0}
.jiu-hd .so input{height:38px;padding:0 42px 0 12px;background:#333;border:0;border-radius:4px;color:#c1c1c1}
.jiu-hd .so input:focus{background:#3d3d3d}
.jiu-hd .so input::placeholder{color:#8a8a8a}
.jiu-hd .so button{position:absolute;right:0;top:0;width:42px;height:38px;padding:0;border:0;border-radius:0 4px 4px 0;background:none;font-size:0;cursor:pointer}
.jiu-hd .so-ico{left:auto;right:12px;width:18px;height:18px;color:#c1c1c1;stroke-width:2.6}
.jiu-opts{display:flex;justify-content:flex-end;align-items:center;gap:18px;padding-right:26px}
.jiu-opts button{display:inline-flex;align-items:center;gap:5px;padding:0;border:0;background:none;color:#c1c1c1;font-size:14px;cursor:pointer;white-space:nowrap}
.jiu-opts button:hover{color:#fff}
.jiu-so-btn{display:none!important}
.jiu-nav{border-top:1px solid #333}
.jiu-nav>.wrap{display:flex;overflow-x:auto;scrollbar-width:none}
.jiu-nav>.wrap::-webkit-scrollbar{display:none}
.jiu-nav a{flex:none;padding:12px 26px;line-height:24px;color:#c1c1c1;font-size:16px;white-space:nowrap;transition:color .2s}
.jiu-nav a:hover,.jiu-nav a.on{color:#fff}
.jiu-nav a.on{font-weight:700}

.jiu-wrap{flex:1}
.t-jiu .wrap.jiu-wrap{max-width:1200px;padding:20px 15px 12px}

/* 广告：图片横幅两列（手机一列），文字广告排在图片后面，两列黄粉相间 */
.t-jiu .ad-top,.t-jiu .ad-home,.t-jiu .ad-list,.t-jiu .ad-footer,.t-jiu .ad-play_top,.t-jiu .ad-play_bottom{display:grid;grid-template-columns:minmax(0,1fr);gap:5px;margin:0 0 16px}
.t-jiu .ad-img img{display:block;width:100%;height:auto;border-radius:0}
.t-jiu .ad .ad-img:last-of-type:nth-of-type(odd){grid-column:1/-1}
.t-jiu .ad-html{grid-column:1/-1}
.t-jiu .ad-texts{grid-column:1/-1;order:2;display:grid;grid-template-columns:minmax(0,1fr);gap:16px 12px;margin-top:11px}
.jiu-wrap .ad-text{display:block;min-height:50px;padding:12px 20px;line-height:24px;border:1px solid #ffeeba;border-radius:4px;background:#fff3cd;color:#856404;font-size:16px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jiu-wrap .ad-text:nth-child(even){border-color:#f5c6cb;background:#f8d7da;color:#721c24}
.jiu-wrap .ad-text:hover{filter:brightness(.97)}
@media(min-width:576px){
  .t-jiu .ad-top,.t-jiu .ad-home,.t-jiu .ad-list,.t-jiu .ad-footer,.t-jiu .ad-play_top,.t-jiu .ad-play_bottom,.t-jiu .ad-texts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .t-jiu .ad-top,.t-jiu .ad-home,.t-jiu .ad-list,.t-jiu .ad-footer,.t-jiu .ad-play_top,.t-jiu .ad-play_bottom{gap:5px 6px}
  .t-jiu .ad-texts{gap:16px 12px}
}
.t-jiu .ad-float{max-width:520px}
.t-jiu .ad-icons{border:0;border-radius:4px}
.t-jiu .ad-icon{margin:0 0 16px}

/* 绿色提示条 */
.jiu-greens{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:16px}
.jiu-green{min-width:0;padding:12px 20px;line-height:24px;border:1px solid #c3e6cb;border-radius:4px;background:#d4edda;color:#155724;font-size:14px;text-align:center;overflow-wrap:anywhere}
.jiu-green b{color:#0b2e13}
@media(min-width:576px){.jiu-greens:has(>:nth-child(2)){grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 热门标签：红框小标签 */
.jiu-tags{margin-bottom:16px}
.jiu-tags h5{margin-bottom:10px;font-size:18px;font-weight:500;color:#212529}
.jiu-tags div{display:flex;flex-wrap:wrap;gap:6px 5px}
.jiu-tags a{padding:1px 4px;border:1px solid var(--c);border-radius:3px;color:#666;font-size:13px;line-height:18px;white-space:nowrap;transition:background .15s,color .15s}
.jiu-tags a:hover{background:var(--c);color:#fff}
.jiu-tags-in{margin:10px 0 0}

/* 片单 */
.t-jiu .sec{margin:0 0 20px}
.t-jiu .sec-hd{min-height:22px;margin-bottom:14px}
.t-jiu .sec-hd h2{border:0;padding:0;font-size:18px;font-weight:500;line-height:22px;color:#212529}
.t-jiu .sec-hd h2 a{color:inherit}
.t-jiu a.more,.t-jiu span.more{color:#868e96;font-size:13px}
.t-jiu a.more:hover{color:var(--c)}
.t-jiu .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}
@media(min-width:760px){.t-jiu .grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.t-jiu .thumb{aspect-ratio:5/3;border-radius:0;background-color:#ced4da}
.t-jiu .grid-v .thumb{aspect-ratio:3/4}
.t-jiu .thumb::after{display:none}
.t-jiu .card:hover .thumb img{transform:none}
.t-jiu .dur{right:0;bottom:0;padding:3px 11px;border-radius:0;background:rgba(0,0,0,.45);color:#f2f2f2;font-size:13px;line-height:15px}
.jiu-rem{display:none;position:absolute;z-index:2;left:0;right:0;bottom:0;padding:14px 6px 4px;background:linear-gradient(transparent,rgba(0,0,0,.65));font-size:12px;line-height:1.2;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.grid-v .jiu-rem{display:block}
.grid-v .jiu-rem~.dur{display:none}
.t-jiu .grid.grid-v .ad-card .thumb{aspect-ratio:1.55}
.t-jiu .card .tt{margin-top:8px;height:2.75em;font-size:14.4px;line-height:1.375;color:#343a40}
.t-jiu .grid-v .card .tt{font-size:13px}
.t-jiu .card:hover .tt{color:var(--c)}
.t-jiu .card .mt{margin-top:2px;font-size:12.8px;line-height:19px;color:#868e96}
.t-jiu .card .tt+.mt{margin-top:4px}
.t-jiu .crumb{margin-bottom:10px}

/* 播放页 */
.jiu-play{margin:0 0 16px}
.t-jiu .player{box-shadow:none} /* 播放页整页同宽 */
.jiu-play h1{margin:16px 0 8px;font-size:20px;font-weight:500;line-height:1.4;color:#212529}
.jiu-play h1 small{font-size:14px;color:var(--c)}
.jiu-meta{display:flex;flex-wrap:wrap;gap:4px 16px;color:#868e96;font-size:13px}
.jiu-acts{display:flex;gap:8px;margin:12px 0 0}
.jiu-acts>*{flex:1;min-width:0;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--bd);border-radius:4px;background:#fff;color:#343a40;font-size:14px;cursor:pointer;white-space:nowrap}
.jiu-acts .pri{border-color:var(--c);background:var(--c);color:#fff}
.jiu-acts .on{border-color:var(--c);color:var(--c)}
.jiu-info,.t-jiu .eps{margin:0 0 16px;padding:12px;border:1px solid var(--bd);border-radius:4px;background:#fff}
.t-jiu .eps .sec-hd{margin-bottom:10px}
.t-jiu .ep-list a.on{border-color:var(--c);background:var(--c)}
.t-jiu .blurb{margin:0;padding:0;border:0;color:#6c757d}

.t-jiu .pager b{background:var(--c);border-color:var(--c)}
.t-jiu .pager a{border-radius:4px;background:#fff}

/* 页脚 */
.jiu-ft{padding:48px 0;border:0;background:#000;color:#c1c1c1}
.jiu-ft a{color:#c1c1c1}
.jiu-ft .ft-contact{color:#c1c1c1}
.jiu-warn{max-width:760px;margin:0 auto 12px;font-size:12px;line-height:1.7}

@media(max-width:759px){
  .jiu-hd{position:sticky;top:0;z-index:60}
  .t-jiu .wrap{padding:0 10px}
  .jiu-top{display:flex;flex-wrap:wrap;gap:0 10px;min-height:56px}
  .jiu-hd .logo{flex:1 1 0;min-width:0;max-width:none;font-size:20px;line-height:56px}
  .jiu-hd .logo img{height:36px}
  .jiu-opts{gap:14px;padding-right:0}
  .jiu-opts button span{display:none}
  .jiu-opts button{color:#fff}
  .jiu-so-btn{display:inline-flex!important}
  .ph-so{order:3;flex:1 0 100%;margin:0 0 10px}
  .ph-so[hidden]{display:none}
  .jiu-nav{border-top:0}
  .jiu-nav>.wrap{padding:0 4px}
  .jiu-nav a{padding:8px 12px;font-size:14px;line-height:22px}
  .t-jiu .wrap.jiu-wrap{padding-top:12px}
  .t-jiu .grid{gap:16px 10px}
  .jiu-play h1{font-size:17px}
  .jiu-acts{gap:6px}
  .jiu-acts>*{font-size:13px}
}

/* 收藏 / 保存网址 弹层（site.js 里的 modal），浅色 */
.ph-modal{position:fixed;inset:0;z-index:150;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:16px}
.ph-box{position:relative;width:100%;max-width:380px;max-height:80vh;overflow:auto;background:#fff;border-radius:6px;padding:18px 16px 16px;color:#333}
.ph-box h3{font-size:16px;margin-bottom:12px}
.ph-box .ph-x{position:absolute;right:10px;top:8px;width:30px;height:30px;border:0;background:none;color:#999;font-size:22px;cursor:pointer}
.ph-url{display:block;text-align:center;font-size:22px;font-weight:800;color:var(--c);margin:6px 0 4px;word-break:break-all}
.ph-tip{color:#666;font-size:13px;line-height:1.7;margin:8px 0}
.ph-go{display:block;width:100%;height:40px;margin-top:12px;border:0;border-radius:4px;background:var(--c);color:#fff;font-size:14px;font-weight:600;cursor:pointer}
.ph-fav{display:flex;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--bd)}
.ph-fav img{flex:none;width:96px;aspect-ratio:16/9;object-fit:cover;border-radius:4px;background:var(--bg3)}
.ph-fav span{flex:1;min-width:0;font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ph-fav button{flex:none;border:0;background:none;color:#999;font-size:12px;cursor:pointer}