.music-page{max-width: 1000px;margin: 0 auto;padding: 0 16px 88px}.music__header{margin: 18px 0 14px}.music__main-title{font-size: 24px;font-weight: 700;color: var(--c-text);margin: 0 0 6px;letter-spacing: -0.3px}.music__subtitle{font-size: 13.5px;color: var(--c-muted);margin: 0;line-height: 1.5}.music__search-box{margin-bottom: 14px}.music__input-wrap{position: relative;display: flex;align-items: center;border-radius: 28px;border: 1.5px solid var(--c-border);background: var(--c-panel);padding: 4px 6px 4px 16px;box-shadow: 0 2px 10px rgba(0,0,0,0.03);transition: border-color 0.15s ease,box-shadow 0.15s ease}.music__input-wrap:focus-within{border-color: #ec4141;box-shadow: 0 0 0 3px rgba(236,65,65,0.15)}.music__search-icon{display: flex;align-items: center;color: var(--c-muted);margin-right: 10px;flex-shrink: 0}.music__input{flex: 1;border: none;background: transparent;color: var(--c-text);font-size: 15px;outline: none;min-height: 38px;padding: 0}.music__clear-btn{border: none;background: none;color: var(--c-muted);font-size: 18px;cursor: pointer;padding: 4px 8px;line-height: 1;transition: color 0.12s}.music__clear-btn:hover{color: var(--c-text)}.music__go-btn{border-radius: 20px;padding: 0 20px;min-height: 38px;background: #ec4141;border-color: #ec4141;color: #fff;font-weight: 600;font-size: 14px;cursor: pointer;flex-shrink: 0;transition: opacity 0.15s,transform 0.1s}.music__go-btn:hover{opacity: 0.92}.music__go-btn:active{transform: scale(0.97)}.music__hot-bar{display: flex;flex-wrap: wrap;align-items: center;gap: 6px;margin-top: 10px;padding: 0 4px}.music__hot-label{font-size: 12px;color: var(--c-muted)}.music__hot-tags{display: flex;flex-wrap: wrap;gap: 6px}.music__hot-tag{display: inline-block;padding: 3px 10px;border-radius: 12px;border: 1px solid var(--c-border);background: var(--c-panel-alt);color: var(--c-text-soft);font-size: 12px;cursor: pointer;transition: all 0.12s ease}.music__hot-tag:hover{background: var(--c-panel);border-color: #ec4141;color: #ec4141}.music__subtabs{display: flex;gap: 22px;margin: 12px 0 10px;border-bottom: 1px solid var(--c-border);padding: 0 4px}.music__tab{position: relative;border: none;background: none;padding: 8px 2px 10px;font-size: 14.5px;color: var(--c-muted);cursor: pointer;transition: color 0.15s}.music__tab:hover{color: var(--c-text)}.music__tab.is-active{color: var(--c-text);font-weight: 700}.music__tab.is-active::after{content: '';position: absolute;left: 50%;bottom: -1px;width: 22px;height: 3px;border-radius: 3px;background: #ec4141;transform: translateX(-50%)}.music__meta-bar{display: flex;justify-content: space-between;align-items: center;font-size: 12.5px;color: var(--c-muted);padding: 8px 4px 6px}.music__song-list{display: flex;flex-direction: column;gap: 8px}.music__item{display: flex;align-items: center;gap: 12px;padding: 10px 14px;border-radius: 10px;border: 1px solid var(--c-border);background: var(--c-panel);transition: all 0.15s ease;position: relative}.music__item:hover{border-color: rgba(236,65,65,0.4);background: var(--c-panel-alt);box-shadow: 0 3px 12px rgba(0,0,0,0.04)}.music__item.is-current{border-color: #ec4141;background: rgba(236,65,65,0.04)}.music__item-left{position: relative;width: 52px;height: 52px;flex-shrink: 0;border-radius: 8px;overflow: hidden;background: var(--c-panel-alt);display: flex;align-items: center;justify-content: center}.music__item-cover{width: 100%;height: 100%;object-fit: cover;display: block}.music__item-cover-fallback{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg,rgba(236,65,65,0.15),rgba(236,65,65,0.05));color: #ec4141;font-size: 20px}.music__item-play-overlay{position: absolute;inset: 0;background: rgba(0,0,0,0.35);display: flex;align-items: center;justify-content: center;opacity: 0;transition: opacity 0.15s ease;cursor: pointer;color: #fff}.music__item:hover .music__item-play-overlay,.music__item.is-playing .music__item-play-overlay{opacity: 1}.music__item-center{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 3px}.music__item-title-row{display: flex;align-items: baseline;gap: 6px;min-width: 0}.music__item-name{font-size: 15px;font-weight: 600;color: var(--c-text);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 1.35}.music__item.is-current .music__item-name{color: #ec4141}.music__item-alias{font-size: 13px;color: var(--c-muted);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.music__item-sub-row{display: flex;align-items: center;gap: 6px;min-width: 0}.music__tag{display: inline-block;padding: 0 4px;border-radius: 3px;font-size: 10.5px;line-height: 1.3;font-weight: 600;white-space: nowrap;flex-shrink: 0}.music__tag--vip{color: #ec4141;border: 1px solid #ec4141;background: rgba(236,65,65,0.06)}.music__tag--sq{color: #e6a23c;border: 1px solid #e6a23c;background: rgba(230,162,60,0.08)}.music__tag--lossless{color: #409eff;border: 1px solid #409eff;background: rgba(64,158,255,0.08)}.music__tag--free{color: #67c23a;border: 1px solid #67c23a;background: rgba(103,194,58,0.08)}.music__item-artist{font-size: 12.5px;color: var(--c-text-soft);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.music__item-meta-row{display: flex;align-items: center;gap: 10px;font-size: 11.5px;color: var(--c-muted)}.music__item-duration{display: inline-flex;align-items: center;gap: 3px;font-variant-numeric: tabular-nums}.music__item-actions{display: flex;align-items: center;gap: 8px;flex-shrink: 0}.music__action-btn{display: inline-flex;align-items: center;justify-content: center;gap: 4px;min-height: 32px;padding: 0 12px;border-radius: 16px;border: 1px solid var(--c-border);background: var(--c-panel);color: var(--c-text);font-size: 12.5px;font-weight: 500;cursor: pointer;transition: all 0.12s ease;user-select: none;text-decoration: none}.music__action-btn:hover{border-color: #ec4141;color: #ec4141;background: rgba(236,65,65,0.05)}.music__action-btn--play{color: #ec4141;border-color: rgba(236,65,65,0.3)}.music__action-btn--play.is-playing{background: #ec4141;color: #fff;border-color: #ec4141}.music__action-btn--download{background: var(--c-panel-alt)}.music__action-btn--download:hover{background: #ec4141;border-color: #ec4141;color: #fff}.music__player-bar{position: fixed;bottom: 16px;left: 50%;transform: translateX(-50%);width: calc(100% - 32px);max-width: 760px;border-radius: 16px;border: 1px solid var(--c-border);background: var(--c-panel);box-shadow: 0 8px 30px rgba(0,0,0,0.15);backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px);z-index: 1000;overflow: hidden;transition: transform 0.2s cubic-bezier(0.16,1,0.3,1),opacity 0.2s ease}.music__player-bar[hidden]{display: none}.music__player-content{display: flex;align-items: center;gap: 12px;padding: 8px 14px}.music__player-cover-wrap{position: relative;width: 42px;height: 42px;border-radius: 50%;overflow: hidden;box-shadow: 0 2px 8px rgba(0,0,0,0.15);flex-shrink: 0;background: #111;animation: music-spin 10s linear infinite;animation-play-state: paused}.music__player-cover-wrap.is-playing{animation-play-state: running}@keyframes music-spin{from{transform: rotate(0deg)}to{transform: rotate(360deg)}}.music__player-cover{width: 100%;height: 100%;object-fit: cover;display: block}.music__player-disc-hole{position: absolute;top: 50%;left: 50%;width: 10px;height: 10px;border-radius: 50%;background: var(--c-panel);border: 2px solid #333;transform: translate(-50%,-50%)}.music__player-info{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 2px}.music__player-title{font-size: 13.5px;font-weight: 600;color: var(--c-text);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.music__player-artist{font-size: 11.5px;color: var(--c-muted);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.music__player-controls{display: flex;align-items: center;gap: 10px;flex-shrink: 0}.music__player-time{font-size: 11px;color: var(--c-muted);font-variant-numeric: tabular-nums}.music__player-btn{display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: 50%;border: 1px solid var(--c-border);background: var(--c-panel-alt);color: var(--c-text);cursor: pointer;transition: all 0.12s ease;text-decoration: none}.music__player-btn:hover{border-color: #ec4141;color: #ec4141}.music__player-btn--toggle{background: #ec4141;border-color: #ec4141;color: #fff}.music__player-btn--toggle:hover{background: #d83b3b;color: #fff}.music__player-progress-track{width: 100%;height: 3px;background: rgba(0,0,0,0.08);position: absolute;top: 0;left: 0;cursor: pointer}.music__player-progress-bar{height: 100%;width: 0%;background: #ec4141;transition: width 0.1s linear}.music__empty-hint{padding: 60px 16px;text-align: center;color: var(--c-muted)}.music__empty-icon{font-size: 40px;margin-bottom: 12px;opacity: 0.6}.music__empty-title{font-size: 16px;font-weight: 600;color: var(--c-text);margin-bottom: 6px}.music__empty-desc{font-size: 13px;max-width: 400px;margin: 0 auto;line-height: 1.6}@media (max-width: 900px){.music-page{padding: 0 10px 84px}.music__header{margin: 12px 0 10px}.music__main-title{font-size: 20px}.music__input{font-size: 16px !important}.music__subtabs{gap: 16px}.music__item{padding: 8px 10px;gap: 10px}.music__item-left{width: 46px;height: 46px;border-radius: 6px}.music__item-name{font-size: 14px}.music__item-artist{font-size: 12px}.music__item-meta-row{font-size: 11px;gap: 6px}.music__item-actions{gap: 6px}.music__action-btn{min-height: 30px;padding: 0 9px;font-size: 11.5px}.music__player-bar{bottom: 8px;width: calc(100% - 16px);border-radius: 12px}.music__player-content{padding: 6px 10px;gap: 10px}.music__player-cover-wrap{width: 36px;height: 36px}.music__player-title{font-size: 13px}.music__player-time{display: none}.music__player-btn{width: 32px;height: 32px}}@keyframes music-spin{from{transform: rotate(0deg)}to{transform: rotate(360deg)}}.music__spin{animation: music-spin 0.8s linear infinite;display: inline-block;vertical-align: middle;transform-origin: center center}