.aplayerfp_waveform { --apfp-bg:#111827; --apfp-ink:#f7f8fb; --apfp-muted:#a0a9b8; --apfp-accent:var(--aplayerfp-accent,#ff9a45); color:var(--apfp-ink); font-family:system-ui,-apple-system,"Segoe UI",sans-serif; max-width:100%; }
.aplayerfp_waveform .player { overflow:hidden; border:1px solid rgba(255,255,255,.09); border-radius:18px; background:radial-gradient(ellipse at 10% 0%,#283249 0,#171f2e 42%,#101622 100%); box-shadow:0 14px 36px rgba(10,17,29,.24); padding:18px; }
.aplayerfp_waveform .aplayerfp-wave-head { display:flex !important; flex-direction:row !important; align-items:center; gap:13px; width:100%; }
.aplayerfp_waveform .aplayerfp-wave-area { position:relative; height:82px; margin:13px 0 2px; }
.aplayerfp_waveform .aplayerfp-wave-canvas { display:block; width:100%; height:82px; cursor:pointer; touch-action:pan-y; }
.aplayerfp_waveform .aplayerfp-wave-seek { position:absolute; inset:0; opacity:0; pointer-events:none; }
.aplayerfp_waveform .aplayerfp-wave-seek .aplayerfp-native-progress { height:100%; }
.aplayerfp_waveform .aplayerfp-wave-meta { display:flex; align-items:center; gap:10px; color:var(--apfp-muted); font-size:11px; font-variant-numeric:tabular-nums; }
.aplayerfp_waveform .aplayerfp-wave-controls { display:flex !important; flex:0 0 auto; flex-direction:row !important; align-items:center; justify-content:flex-end; gap:7px; white-space:nowrap; }
.aplayerfp_waveform .aplayerfp-wave-controls > button { display:inline-grid !important; position:static !important; float:none !important; flex:0 0 34px; box-sizing:border-box; width:34px; height:34px; min-width:34px; margin:0; padding:0; line-height:1; vertical-align:middle; }
.aplayerfp_waveform .aplayerfp-wave-controls > .aplayerfp-play,
.aplayerfp_waveform .aplayerfp-wave-controls > .aplayerfp-pause { flex-basis:42px; width:42px; height:42px; min-width:42px; }
.aplayerfp_waveform .volume { width:95px; height:14px; margin-left:auto; }
.aplayerfp_waveform .aplayerfp-native-range::-webkit-slider-runnable-track { background:rgba(255,255,255,.2); }
.aplayerfp_waveform .aplayerfp-native-range::-moz-range-track { background:rgba(255,255,255,.2); }
.aplayerfp_waveform .playlist { border-color:rgba(255,255,255,.12); color:var(--apfp-ink); }
.aplayerfp_waveform .playlist li.active { color:#ffd3ad; background:rgba(255,154,69,.14); }
.aplayerfp_waveform .text_time { color:var(--apfp-muted); }
@media(max-width:480px) { .aplayerfp_waveform .player { padding:14px; } .aplayerfp_waveform .aplayerfp-wave-head { gap:9px; } .aplayerfp_waveform .aplayerfp-wave-art { flex-basis:44px; width:44px; height:44px; } .aplayerfp_waveform .aplayerfp-wave-area,.aplayerfp_waveform .aplayerfp-wave-canvas { height:68px; } .aplayerfp_waveform .aplayerfp-wave-controls { gap:3px; } .aplayerfp_waveform .aplayerfp-wave-controls > button { flex-basis:29px; width:29px; height:29px; min-width:29px; } .aplayerfp_waveform .aplayerfp-wave-controls > .aplayerfp-play,.aplayerfp_waveform .aplayerfp-wave-controls > .aplayerfp-pause { flex-basis:36px; width:36px; height:36px; min-width:36px; } }