| 1 |
- .page[data-v-f401a293]{min-height:100vh;background:linear-gradient(180deg,#1f2937,#111827);padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);position:relative}.page[data-v-f401a293]:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:inherit;filter:blur(100px);opacity:.3;z-index:-1;pointer-events:none}.nav-bar[data-v-f401a293]{display:flex;align-items:center;justify-content:space-between;padding:1.375rem 1rem .75rem}.nav-btn[data-v-f401a293]{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.nav-icon[data-v-f401a293]{font-size:1.125rem;color:#fff}.nav-title[data-v-f401a293]{font-size:1rem;font-weight:600;color:#fff}.cover-section[data-v-f401a293]{display:flex;flex-direction:column;align-items:center;padding:1.5rem 0}.cover[data-v-f401a293]{width:10rem;height:10rem;background:linear-gradient(135deg,#4f46e5,#818cf8);border-radius:1rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;box-shadow:0 .5rem 1.5rem rgba(79,70,229,.4)}@keyframes rotate-f401a293{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cover.rotating[data-v-f401a293]{animation:rotate-f401a293 20s linear infinite}.cover[data-v-f401a293]:not(.rotating){animation-play-state:paused}.cover-icon[data-v-f401a293]{font-size:3rem}.title[data-v-f401a293]{font-size:1.125rem;font-weight:600;color:#fff;text-align:center;margin-bottom:.375rem;max-width:18.75rem}.meta[data-v-f401a293]{font-size:.75rem;color:#9ca3af}.text-preview[data-v-f401a293]{margin:0 1rem;padding:.75rem;background:rgba(255,255,255,.05);border-radius:.5rem}.preview-text[data-v-f401a293]{font-size:.8125rem;color:#9ca3af;line-height:1.6}.progress-section[data-v-f401a293]{display:flex;align-items:center;padding:1rem}.time[data-v-f401a293]{font-size:.6875rem;color:#9ca3af;width:2.5rem;text-align:center}.progress-slider[data-v-f401a293]{flex:1;margin:0 .5rem}.controls[data-v-f401a293]{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.75rem}.control-btn[data-v-f401a293]{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center}.control-btn.disabled[data-v-f401a293]{opacity:.3}.control-btn.active[data-v-f401a293]{color:#4f46e5}.control-text[data-v-f401a293]{font-size:.75rem;color:#fff;font-weight:600}.control-icon[data-v-f401a293]{font-size:1.25rem;color:#fff}.play-btn[data-v-f401a293]{width:3.75rem;height:3.75rem;background:linear-gradient(135deg,#4f46e5,#818cf8);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 .25rem .75rem rgba(79,70,229,.5)}.play-icon[data-v-f401a293]{font-size:1.5rem;color:#fff;margin-left:.25rem}.bottom-actions[data-v-f401a293]{display:flex;justify-content:center;gap:2.5rem;padding:1.5rem}.action-btn[data-v-f401a293]{display:flex;flex-direction:column;align-items:center;background:transparent;border:none;padding:0}.action-btn[data-v-f401a293]:after{border:none}.action-icon[data-v-f401a293]{font-size:1.5rem;margin-bottom:.25rem}.action-text[data-v-f401a293]{font-size:.75rem;color:#9ca3af}.rate-picker[data-v-f401a293]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:flex-end;z-index:1000}.rate-content[data-v-f401a293]{width:100%;background:#1f2937;border-radius:1rem 1rem 0 0;padding:1.5rem}.rate-title[data-v-f401a293]{font-size:1rem;font-weight:600;color:#fff;text-align:center;margin-bottom:1rem}.rate-options[data-v-f401a293]{display:flex;flex-wrap:wrap;gap:.75rem}.rate-item[data-v-f401a293]{flex:1;min-width:5.625rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:#374151;border-radius:.5rem;border:.0625rem solid transparent}.rate-item.active[data-v-f401a293]{background:#4f46e5;border-color:#6366f1}.rate-item uni-text[data-v-f401a293]{font-size:.875rem;color:#fff}.resume-prompt[data-v-f401a293]{margin:0 1rem .75rem;background:rgba(79,70,229,.2);border:1px solid rgba(79,70,229,.3);border-radius:.5rem;padding:.75rem}.resume-content[data-v-f401a293]{display:flex;flex-direction:column;align-items:center}.resume-text[data-v-f401a293]{font-size:.8125rem;color:#fff;margin-bottom:.625rem}.resume-buttons[data-v-f401a293]{display:flex;gap:.75rem}.resume-btn[data-v-f401a293]{padding:.5rem 1rem;border-radius:.375rem;font-size:.8125rem;background:#374151;color:#fff;border:none}.resume-btn.primary[data-v-f401a293]{background:linear-gradient(135deg,#4f46e5,#818cf8)}.resume-btn[data-v-f401a293]:after{border:none}.share-picker[data-v-f401a293]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:flex-end;z-index:1000}.share-content[data-v-f401a293]{width:100%;background:#1f2937;border-radius:1rem 1rem 0 0;padding:1.5rem 1rem 1rem}.share-card-preview[data-v-f401a293]{display:flex;gap:.75rem;padding:.75rem;background:rgba(255,255,255,.05);border-radius:.5rem;margin-bottom:1rem}.share-cover[data-v-f401a293]{width:3.75rem;height:3.75rem;background:linear-gradient(135deg,#4f46e5,#818cf8);border-radius:.375rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.share-cover-icon[data-v-f401a293]{font-size:1.5rem}.share-info[data-v-f401a293]{flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0}.share-title[data-v-f401a293]{font-size:.875rem;font-weight:600;color:#fff;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-desc[data-v-f401a293]{font-size:.75rem;color:#9ca3af;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.share-title-text[data-v-f401a293]{font-size:.875rem;font-weight:600;color:#fff;text-align:center;margin-bottom:1rem;display:block}.share-options[data-v-f401a293]{display:flex;justify-content:space-around;margin-bottom:1rem}.share-option[data-v-f401a293]{display:flex;flex-direction:column;align-items:center;gap:.375rem}.share-option-icon[data-v-f401a293]{width:3rem;height:3rem;background:#374151;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.share-option-label[data-v-f401a293]{font-size:.75rem;color:#9ca3af}.share-actions[data-v-f401a293]{display:flex;gap:.75rem}.share-action-btn[data-v-f401a293]{flex:1;height:2.75rem;display:flex;align-items:center;justify-content:center;gap:.25rem;background:#374151;border-radius:.5rem;border:none;font-size:.875rem;color:#fff}.share-action-btn[data-v-f401a293]:after{border:none}.share-action-icon[data-v-f401a293]{font-size:1rem}.playlist-section[data-v-f401a293]{margin:0 1rem;background:rgba(255,255,255,.05);border-radius:.5rem;overflow:hidden}.playlist-header[data-v-f401a293]{display:flex;align-items:center;justify-content:space-between;padding:.75rem}.playlist-title[data-v-f401a293]{font-size:.875rem;color:#fff;font-weight:600}.playlist-toggle[data-v-f401a293]{font-size:.75rem;color:#9ca3af}.playlist-content[data-v-f401a293]{max-height:12.5rem;overflow-y:auto}.playlist-item[data-v-f401a293]{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;border-top:.03125rem solid rgba(255,255,255,.05)}.playlist-item.playing[data-v-f401a293]{background:rgba(79,70,229,.2)}.playlist-item-icon[data-v-f401a293]{font-size:.875rem;width:1.25rem;text-align:center}.playlist-item-title[data-v-f401a293]{font-size:.8125rem;color:#fff;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-empty[data-v-f401a293]{padding:1.25rem;text-align:center;color:#9ca3af;font-size:.8125rem}.control-btn[data-v-f401a293],.play-btn[data-v-f401a293],.action-btn[data-v-f401a293]{transition:transform .1s ease}.control-btn[data-v-f401a293]:active,.play-btn[data-v-f401a293]:active,.action-btn[data-v-f401a293]:active{transform:scale(.9)}
|
