/* PLAY 05 — 实验风卡片布局 */

.__PFX__-p5-wrap {
    padding:12px;
}

/* 封面 + 播放器 */
.__PFX__-p5-hero {
    display:flex;
    gap:10px;
}
@media(max-width:768px){
    .__PFX__-p5-hero { flex-direction:column; }
}
.__PFX__-p5-pic {
    width:120px;
    aspect-ratio:2/3;
    border-radius:10px;
    object-fit:cover;
}
.__PFX__-p5-right {
    flex:1;
}
.__PFX__-p5-right h1 {
    font-size:20px;
    color:var(--primary-color);
}
.__PFX__-p5-meta {
    font-size:13px;
    margin-top:4px;
}
.__PFX__-p5-dp {
    width:100%;
    margin-top:8px;
    height:200px;
}
@media(min-width:768px){
    .__PFX__-p5-dp { height:280px; }
}

/* 线路横向滚动 */
.__PFX__-p5-lines {
    margin-top:12px;
    display:flex;
    overflow-x:auto;
    gap:8px;
}
.__PFX__-p5-line {
    padding:4px 10px;
    font-size:12px;
    border-radius:999px;
    background:#f3f3f3;
    white-space:nowrap;
}
.__PFX__-p5-line.active {
    background:var(--primary-color);
    color:#fff;
}

/* 集数 */
.__PFX__-p5-eps {
    margin-top:8px;
}
.__PFX__-p5-epbox {
    display:none;
    flex-wrap:wrap;
    gap:8px;
}
.__PFX__-p5-epbox.active {
    display:flex;
}
.__PFX__-p5-epbtn {
    padding:5px 10px;
    font-size:12px;
    border-radius:8px;
    background:#fafafa;
    border:1px solid rgba(0,0,0,.06);
}
.__PFX__-p5-epbtn.active {
    background:var(--primary-color);
    color:#fff;
}

/* 简介 + 推荐 */
.__PFX__-p5-desc h2 {
    margin-top:18px;
    font-size:16px;
    color:var(--primary-color);
}
.__PFX__-p5-desc p {
    margin-top:6px;
    font-size:14px;
    line-height:1.7;
}
.__PFX__-p5-rel h3 {
    margin-top:18px;
    font-size:16px;
    color:var(--primary-color);
}
.__PFX__-p5-relgrid {
    margin-top:8px;
    display:grid;
    gap:10px;
    grid-template-columns:repeat(2,1fr);
}
@media(min-width:768px){
    .__PFX__-p5-relgrid { grid-template-columns:repeat(4,1fr); }
}
.__PFX__-p5-relcard img {
    width:100%;
    border-radius:10px;
    aspect-ratio:2/3;
    object-fit:cover;
}
.__PFX__-p5-relcard p {
    margin-top:4px;
    font-size:12px;
}