.bottom-navbar[data-v-f78ff8c6]{position:fixed;bottom:0;left:0;width:100%;height:60px;background-color:#fff;display:flex;justify-content:space-around;align-items:center;box-shadow:0 -2px 10px rgba(0,0,0,.05);z-index:100}.nav-item[data-v-f78ff8c6]{display:flex;flex-direction:column;align-items:center;color:var(--light-text);text-decoration:none;cursor:pointer}.nav-item.active[data-v-f78ff8c6],.nav-item.router-link-active[data-v-f78ff8c6]{color:#ff6b6b}.icon[data-v-f78ff8c6]{margin-bottom:4px}.play-cover[data-v-f78ff8c6]{width:40px;height:40px;border-radius:50%;overflow:hidden;background-color:#f0f0f0;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s ease}.play-cover.rotate[data-v-f78ff8c6]{animation:rotate-f78ff8c6 10s linear infinite}@keyframes rotate-f78ff8c6{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.cover-image[data-v-f78ff8c6]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.nav-item span[data-v-f78ff8c6]{font-size:12px}.play-indicator .play-cover[data-v-f78ff8c6]{border:2px solid #ff6b6b}.play-indicator.active[data-v-f78ff8c6]{color:#ff6b6b}.invisible[data-v-f78ff8c6]{visibility:hidden;height:0;font-size:0}.profile-page[data-v-5fa72df2]{min-height:100vh;background-color:#f5f5f5;padding-bottom:70px}.profile-header[data-v-5fa72df2]{background:linear-gradient(135deg,#ff9a9e,#fad0c4 99%,#fad0c4);padding:30px 20px 20px;color:#fff}.user-info[data-v-5fa72df2]{display:flex;align-items:center;margin-bottom:20px}.avatar-container[data-v-5fa72df2]{position:relative;margin-right:15px}.avatar[data-v-5fa72df2]{width:80px;height:80px;border-radius:50%;border:3px solid hsla(0,0%,100%,.8);background-color:#fff}.vip-badge[data-v-5fa72df2]{position:absolute;bottom:0;right:0;background-color:gold;color:#333;font-size:12px;padding:2px 6px;border-radius:10px;font-weight:700;border:1px solid #fff}.user-details[data-v-5fa72df2]{flex:1}.username[data-v-5fa72df2]{font-size:20px;font-weight:700;margin:0 0 5px}.listening-time[data-v-5fa72df2]{font-size:14px;opacity:.9;margin:0}.sign-in-btn[data-v-5fa72df2]{background-color:hsla(0,0%,100%,.2);border:1px solid #fff;color:#fff;padding:6px 15px;border-radius:20px;font-size:14px;cursor:pointer;transition:all .3s}.sign-in-btn[data-v-5fa72df2]:hover{background-color:hsla(0,0%,100%,.3)}.user-stats[data-v-5fa72df2]{display:flex;justify-content:space-between;background-color:hsla(0,0%,100%,.2);border-radius:10px;padding:15px}.stat-item[data-v-5fa72df2]{flex:1;text-align:center}.stat-label[data-v-5fa72df2]{font-size:14px;opacity:.9;margin-bottom:5px}.stat-value[data-v-5fa72df2]{font-size:16px;font-weight:700}.feature-grid[data-v-5fa72df2]{display:grid;grid-template-columns:repeat(5,1fr);background-color:#fff;padding:20px 0;margin-bottom:10px}.feature-item[data-v-5fa72df2]{display:flex;flex-direction:column;align-items:center}.feature-icon[data-v-5fa72df2]{width:40px;height:40px;border-radius:50%;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center;margin-bottom:8px;color:#ff6b6b}.feature-label[data-v-5fa72df2]{font-size:12px;color:#333}.recommendation-section[data-v-5fa72df2]{background-color:#fff;padding:15px 20px;margin-bottom:10px}.section-header[data-v-5fa72df2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-header h3[data-v-5fa72df2]{font-size:16px;font-weight:700;margin:0;color:#333}.more[data-v-5fa72df2]{font-size:14px;color:#999}.recommendation-banner[data-v-5fa72df2]{border-radius:8px;overflow:hidden}.banner-image[data-v-5fa72df2]{width:100%;height:auto}.recent-listening[data-v-5fa72df2]{background-color:#fff;padding:15px 20px}.listening-item[data-v-5fa72df2]{display:flex;align-items:center;padding:15px 0;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .2s ease}.listening-item[data-v-5fa72df2]:hover{background-color:#f9f9f9}.empty-history[data-v-5fa72df2]{text-align:center;padding:40px 20px;color:#999}.empty-icon[data-v-5fa72df2]{font-size:48px;margin-bottom:16px}.empty-text[data-v-5fa72df2]{font-size:16px;margin-bottom:8px;color:#666}.empty-hint[data-v-5fa72df2]{font-size:14px;color:#999}.listening-item[data-v-5fa72df2]:last-child{border-bottom:none}.item-cover[data-v-5fa72df2]{position:relative;margin-right:15px;flex-shrink:0}.cover-image[data-v-5fa72df2]{width:70px;height:100px;border-radius:4px}.progress-bar[data-v-5fa72df2]{position:absolute;bottom:0;left:0;height:3px;background-color:#ff6b6b;transition:width .3s}.item-info[data-v-5fa72df2]{flex:1;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.item-title[data-v-5fa72df2]{font-size:15px;font-weight:700;color:#333}.item-episode[data-v-5fa72df2],.item-title[data-v-5fa72df2]{margin:0 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-episode[data-v-5fa72df2]{font-size:13px;color:#666}.item-duration[data-v-5fa72df2]{font-size:12px;color:#999;margin:0}@media (max-width:480px){.profile-header[data-v-5fa72df2]{padding:20px 15px 15px}.avatar[data-v-5fa72df2]{width:70px;height:70px}.username[data-v-5fa72df2]{font-size:18px}.listening-time[data-v-5fa72df2]{font-size:13px}.user-stats[data-v-5fa72df2]{padding:12px}.feature-grid[data-v-5fa72df2]{padding:15px 0}.feature-icon[data-v-5fa72df2]{width:35px;height:35px}}