/* PLAY 03 — 左右布局实验风 */

.__PFX__-p3-layout {
    padding:12px;
}
.__PFX__-p3-main {
    display:flex;
    gap:14px;
}
@media(max-width:768px){
    .__PFX__-p3-main { flex-direction:column; }
}
.__PFX__-p3-left {
    flex:3;
}
.__PFX__-p3-right {
    flex:2;
}

/* 播放器 */
.__PFX__-p3-dp {
    width:100%;
    height:210px;
}
@media(min-width:768px){
    .__PFX__-p3-dp { height:360px; }
}

.__PFX__-p3-info h1 {
    font-size:20px;
    margin-top:8px;
    color:var(--primary-color);
}
.__PFX__-p3-meta {
    font-size:13px;
    margin-top:4px;
}
.__PFX__-p3-actor {
    font-size:13px;
    margin-top:2px;
}

/* 右侧线路 + 集数 */
.__PFX__-p3-linehead {
    font-size:14px;
    color:var(--primary-color);
    margin-bottom:6px;
}
.__PFX__-p3-linelist {
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-bottom:8px;
}
.__PFX__-p3-line {
    padding:4px 10px;
    font-size:12px;
    border-radius:8px;
    background:#f3f3f3;
}
.__PFX__-p3-line.active {
    background:var(--primary-color);
    color:#fff;
}
.__PFX__-p3-eplist {
    display:none;
    border-radius:10px;
    padding:8px;
    background:#fafafa;
    max-height:220px;
    overflow:auto;
}
.__PFX__-p3-eplist.active { display:block; }
.__PFX__-p3-ep {
    display:block;
    font-size:13px;
    padding:5px 0;
}
.__PFX__-p3-ep.active {
    color:var(--primary-color);
}

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