91 lines
1.5 KiB
CSS
91 lines
1.5 KiB
CSS
/* PLAY 04 — 极简下拉线路 */
|
|
|
|
.__PFX__-p4-page {
|
|
padding:12px;
|
|
}
|
|
|
|
/* 播放器 */
|
|
.__PFX__-p4-top { margin-bottom:10px; }
|
|
.__PFX__-p4-dp {
|
|
width:100%;
|
|
height:220px;
|
|
}
|
|
@media(min-width:768px){
|
|
.__PFX__-p4-dp { height:380px; }
|
|
}
|
|
|
|
/* 信息 */
|
|
.__PFX__-p4-info h1 {
|
|
font-size:22px;
|
|
color:var(--primary-color);
|
|
}
|
|
.__PFX__-p4-info p {
|
|
font-size:13px;
|
|
margin-top:4px;
|
|
}
|
|
|
|
/* 线路下拉 */
|
|
.__PFX__-p4-linebar {
|
|
margin-top:10px;
|
|
font-size:13px;
|
|
}
|
|
.__PFX__-p4-linebar select {
|
|
margin-left:6px;
|
|
padding:4px 6px;
|
|
}
|
|
|
|
/* 集数列表 */
|
|
.__PFX__-p4-eplist {
|
|
margin-top:8px;
|
|
}
|
|
.__PFX__-p4-ol {
|
|
display:none;
|
|
padding-left:18px;
|
|
}
|
|
.__PFX__-p4-ol.active { display:block; }
|
|
.__PFX__-p4-ol li {
|
|
margin-bottom:6px;
|
|
}
|
|
.__PFX__-p4-ol a {
|
|
font-size:13px;
|
|
}
|
|
.__PFX__-p4-ol a.active {
|
|
color:var(--primary-color);
|
|
}
|
|
|
|
/* 简介 + 推荐 */
|
|
.__PFX__-p4-desc h2 {
|
|
margin-top:18px;
|
|
font-size:16px;
|
|
color:var(--primary-color);
|
|
}
|
|
.__PFX__-p4-desc p {
|
|
margin-top:6px;
|
|
font-size:14px;
|
|
line-height:1.7;
|
|
}
|
|
.__PFX__-p4-rel h3 {
|
|
margin-top:18px;
|
|
font-size:16px;
|
|
color:var(--primary-color);
|
|
}
|
|
.__PFX__-p4-grid {
|
|
margin-top:8px;
|
|
display:grid;
|
|
gap:12px;
|
|
grid-template-columns:repeat(2,1fr);
|
|
}
|
|
@media(min-width:768px){
|
|
.__PFX__-p4-grid { grid-template-columns:repeat(3,1fr); }
|
|
}
|
|
.__PFX__-p4-card img {
|
|
width:100%;
|
|
aspect-ratio:2/3;
|
|
border-radius:8px;
|
|
object-fit:cover;
|
|
}
|
|
.__PFX__-p4-card p {
|
|
font-size:12px;
|
|
margin-top:4px;
|
|
}
|