.aplayerfp_modern { --apfp-bg:#fff; --apfp-ink:#18212f; --apfp-muted:#7b8493; --apfp-accent:var(--aplayerfp-accent,#f29b38); color:var(--apfp-ink); font-family:system-ui,-apple-system,"Segoe UI",sans-serif; max-width:100%; }
.aplayerfp_modern .player { background:var(--apfp-bg); border:1px solid #e9edf2; border-radius:18px; box-shadow:0 12px 32px rgba(23,36,54,.09); padding:18px; }
.aplayerfp_modern .aplayerfp-modern-main { display:flex; align-items:center; gap:14px; }
.aplayerfp_modern .aplayerfp-modern-art,.aplayerfp_waveform .aplayerfp-wave-art { display:grid; place-items:center; flex:0 0 54px; width:54px; height:54px; border-radius:14px; color:#fff; font-size:25px; background:linear-gradient(140deg,var(--apfp-accent),#ef6b54); }
.aplayerfp_modern .aplayerfp-modern-info,.aplayerfp_waveform .aplayerfp-wave-info { min-width:0; flex:1; }
.aplayerfp_modern .title,.aplayerfp_waveform .title { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:15px; font-weight:700; line-height:1.35; }
.aplayerfp_modern .album,.aplayerfp_waveform .album { margin-top:3px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--apfp-muted); font-size:12px; }
.aplayerfp_modern .aplayerfp-modern-controls,.aplayerfp_waveform .aplayerfp-wave-controls { display:flex; align-items:center; gap:6px; }
.aplayerfp_modern button,.aplayerfp_waveform button { display:grid; place-items:center; border:0; cursor:pointer; font:inherit; }
.aplayerfp_modern .aplayerfp-modern-controls button,.aplayerfp_waveform .aplayerfp-wave-controls button { width:34px; height:34px; border-radius:50%; color:#536071; background:#f1f3f6; font-size:20px; line-height:1; }
.aplayerfp_modern .aplayerfp-modern-controls .aplayerfp-play,.aplayerfp_modern .aplayerfp-modern-controls .aplayerfp-pause,.aplayerfp_waveform .aplayerfp-wave-controls .aplayerfp-play,.aplayerfp_waveform .aplayerfp-wave-controls .aplayerfp-pause { width:42px; height:42px; background:var(--apfp-accent); color:#fff; font-size:16px; }
.aplayerfp_modern .aplayerfp-modern-timeline { display:flex; align-items:center; gap:10px; margin-top:17px; color:var(--apfp-muted); font-size:11px; font-variant-numeric:tabular-nums; }
.aplayerfp_modern .tracker { flex:1; height:14px; }
.aplayerfp_modern .aplayerfp-native-progress { height:14px; }
.aplayerfp_modern .aplayerfp-native-range::-webkit-slider-runnable-track { background:#e8ebf0; height:4px; }
.aplayerfp_modern .aplayerfp-native-range::-moz-range-track { background:#e8ebf0; height:4px; }
.aplayerfp_modern .aplayerfp-modern-volume { display:flex; align-items:center; gap:8px; margin:8px 0 0 auto; width:105px; color:var(--apfp-muted); font-size:15px; }
.aplayerfp_modern .volume { flex:1; height:12px; }
.aplayerfp_modern .aplayerfp-native-volume { height:12px; }
.aplayerfp_modern .playlist,.aplayerfp_waveform .playlist { list-style:none; padding:8px 0 0; margin:10px 0 0; border-top:1px solid #edf0f4; color:var(--apfp-ink); }
.aplayerfp_modern .playlist li,.aplayerfp_waveform .playlist li { cursor:pointer; padding:9px 8px; border-radius:8px; font-size:13px; }
.aplayerfp_modern .playlist li.active,.aplayerfp_waveform .playlist li.active { color:#9a5310; background:#fff4e8; font-weight:600; }
.aplayerfp_modern .text_time,.aplayerfp_waveform .text_time { float:right; color:var(--apfp-muted); }
@media(max-width:480px) { .aplayerfp_modern .player { padding:14px; } .aplayerfp_modern .aplayerfp-modern-main { gap:10px; } .aplayerfp_modern .aplayerfp-modern-art { flex-basis:44px; width:44px; height:44px; } .aplayerfp_modern .aplayerfp-modern-controls { gap:3px; } .aplayerfp_modern .aplayerfp-modern-controls button { width:29px; height:29px; } .aplayerfp_modern .aplayerfp-modern-controls .aplayerfp-play,.aplayerfp_modern .aplayerfp-modern-controls .aplayerfp-pause { width:36px; height:36px; } }