.music-settings-page{display:flex;flex-direction:column;min-height:0;height:100%;background:var(--music-bg)}.music-settings-scroll{flex:1;min-height:0;padding:18px 16px max(28px,var(--content-bottom-inset));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.music-settings-group+.music-settings-group{margin-top:20px}.music-settings-label{margin-bottom:7px;color:var(--music-muted);font-size:calc(12px * var(--os-font-scale, 1));font-weight:600}.music-settings-hint{margin-top:7px;color:var(--music-faint);font-size:calc(11px * var(--os-font-scale, 1));line-height:1.5}.music-settings-field{width:100%;padding:11px 13px;color:var(--music-text);font-size:calc(13px * var(--os-font-scale, 1));background:var(--music-surface);border:1px solid var(--music-line);border-radius:12px;transition:border-color .16s ease-out,box-shadow .16s ease-out}.music-settings-field::placeholder{color:var(--music-faint)}.music-settings-field:focus{border-color:var(--music-red);outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--music-red) 18%,transparent)}textarea.music-settings-field{resize:none;font-family:SF Mono,Menlo,monospace;line-height:1.5}.music-settings-actions{display:flex;flex-direction:column;gap:10px;margin-top:24px}.music-settings-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:0 16px;color:var(--music-text);font-size:calc(13px * var(--os-font-scale, 1));font-weight:600;background:var(--music-surface-raised);border:1px solid var(--music-line);border-radius:12px;transition:background-color .16s ease-out,transform .16s ease-out}.music-settings-button:active{background:var(--music-bg-deep);transform:scale(.98)}.music-settings-button-primary{color:#fff;font-weight:700;background:var(--music-red);border-color:var(--music-red)}.music-settings-button-primary:active{background:var(--music-red-strong)}.music-login-page{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;overflow:hidden;background:var(--music-bg)}.music-login-back{position:relative;z-index:10;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:44px;height:44px;margin:var(--content-top-inset) 4px 0 4px;color:var(--music-text);background:transparent;border-radius:50%;transition:background-color .16s ease-out}.music-login-back:active{background:var(--music-surface-raised)}.music-login-body{position:relative;z-index:10;display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;padding:0 24px calc(20px + var(--content-bottom-inset))}.music-login-mark{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:84px;height:84px;margin:auto 0 26px;color:var(--music-red);background:radial-gradient(circle at 50% 40%,#ff334738,#ff33470d 70%);border-radius:26px}.music-login-title{margin:0;color:var(--music-text);font-size:calc(28px * var(--os-font-scale, 1));font-weight:700;letter-spacing:-.01em}.music-login-desc{min-height:36px;margin:10px 0 0;color:var(--music-muted);font-size:calc(13px * var(--os-font-scale, 1));line-height:1.6;transition:color .16s ease-out}.music-login-desc.is-error{color:var(--music-danger)}.music-login-desc.is-success{color:var(--music-red)}.music-login-form{display:flex;flex-direction:column;gap:12px;margin-top:auto;padding-top:24px;animation:music-login-form-in .2s ease-out}@keyframes music-login-form-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.music-login-form{animation:none}}.music-login-phone-row{display:flex;align-items:center;min-height:54px;padding:0 6px 0 18px;background:var(--music-surface-raised);border-radius:16px}.music-login-cc{display:inline-flex;align-items:center;flex:0 0 auto;padding-right:14px;margin-right:14px;color:var(--music-text);font-size:calc(17px * var(--os-font-scale, 1));font-weight:600;border-right:1px solid var(--music-line);-webkit-user-select:none;user-select:none}.music-login-phone-row .music-login-input{min-height:52px;padding:0;background:transparent;border-radius:0}.music-login-input{flex:1;min-width:0;min-height:54px;padding:0 18px;color:var(--music-text);font-size:calc(17px * var(--os-font-scale, 1));background:var(--music-surface-raised);border:1px solid transparent;border-radius:16px;outline:none;transition:border-color .16s ease-out}.music-login-input:focus{border-color:var(--music-red)}.music-login-input::placeholder{color:var(--music-faint);font-size:calc(16px * var(--os-font-scale, 1))}.music-login-input-code{width:100%;letter-spacing:.2em}.music-login-actions{display:flex;flex-direction:column;gap:10px;margin-top:8px}.music-login-btn{min-height:52px;padding:0 16px;color:var(--music-text);font-size:calc(16px * var(--os-font-scale, 1));font-weight:650;border-radius:999px;transition:background-color .18s ease-out,color .18s ease-out,opacity .18s ease-out,transform .18s ease-out}.music-login-btn:disabled{opacity:.5}.music-login-btn.is-primary{color:#fff;background:var(--music-red)}.music-login-btn.is-primary:active:not(:disabled){background:var(--music-red-strong);transform:scale(.98)}.music-login-btn.is-secondary{color:var(--music-text);background:var(--music-surface-raised)}.music-login-btn.is-secondary:active:not(:disabled){background:var(--music-surface)}.music-login-btn.is-text{color:var(--music-red);background:transparent}.music-login-qr{display:flex;flex-direction:column;align-items:center;text-align:center}.music-login-qr-frame{padding:14px;background:var(--music-surface-raised);border-radius:20px}.music-login-qr-image-wrap{position:relative;width:192px;height:192px}.music-login-qr-image-wrap img{width:192px;height:192px;border-radius:12px;transition:opacity .16s ease-out}.music-login-qr-image-wrap img.is-dim{opacity:.4}.music-login-qr-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:12px}.music-login-qr-placeholder{display:flex;align-items:center;justify-content:center;width:192px;height:192px;background:var(--music-surface);border-radius:12px}.music-login-spinner{width:20px;height:20px;border:2px solid rgba(145,145,156,.25);border-top-color:var(--music-red);border-radius:50%;animation:music-login-spin .8s linear infinite}@media (prefers-reduced-motion: reduce){.music-login-spinner{animation-duration:1.6s}}@keyframes music-login-spin{to{transform:rotate(360deg)}}.music-login-qr-copy{max-width:240px;margin-top:16px}.music-login-qr-primary{color:var(--music-red);font-size:calc(13px * var(--os-font-scale, 1));font-weight:600}.music-login-qr-secondary{margin-top:8px;color:var(--music-faint);font-size:calc(12px * var(--os-font-scale, 1));line-height:1.6}.music-login-qr-refresh{display:block;margin:12px auto 0;padding:6px 16px;color:#fff;font-size:calc(11px * var(--os-font-scale, 1));background:var(--music-red);border-radius:999px}.music-login-qr-error{display:flex;flex-direction:column;gap:12px;width:100%;max-width:280px;margin:12px auto 0;padding:16px;color:var(--music-text);background:var(--music-surface-raised);border-radius:16px}.music-login-qr-error-head{display:flex;align-items:center;gap:8px;font-size:calc(14px * var(--os-font-scale, 1));font-weight:600}.music-login-qr-error p{margin:0;color:var(--music-muted);font-size:calc(12px * var(--os-font-scale, 1))}.music-login-switch{display:flex;align-items:center;justify-content:center;flex:0 0 auto;padding:26px 0 8px}.music-login-switch-btn{padding:8px 16px;color:var(--music-muted);font-size:calc(13px * var(--os-font-scale, 1));background:transparent;border-radius:999px;transition:color .16s ease-out}.music-login-switch-btn:active{color:var(--music-text)}.music-login-manual{position:relative;z-index:10;flex:1;min-height:0;overflow-y:auto;padding:20px 16px calc(24px + var(--content-bottom-inset))}.music-profile-hero-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:9px}.music-profile-hero-actions .music-profile-regenerate{margin-top:0}.music-profile-regenerate.is-quiet{background:#08080b80;border-color:#fff3}.music-profile-notice{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;margin-bottom:10px;color:var(--music-muted);font-size:calc(10px * var(--os-font-scale, 1));line-height:1.55;background:#ff334717;border:1px solid rgba(255,51,71,.24);border-radius:10px}.music-profile-notice svg{flex:0 0 auto;margin-top:1px;color:var(--music-red)}.music-hero-swiper{position:relative}.music-hero-track{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.music-hero-track::-webkit-scrollbar{display:none}.music-hero-card{flex:0 0 100%;width:100%;scroll-snap-align:start;scroll-snap-stop:always}.music-hero-card.is-netease{background:radial-gradient(circle at 78% 12%,rgba(255,51,71,.3),transparent 40%),linear-gradient(155deg,#2a0f14,#0f0f13 62%)}.music-hero-dots{display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 0 3px}.music-hero-dots button{width:7px;height:7px;padding:0;background:#ffffff42;border-radius:999px;transition:width .16s ease,background .16s ease}.music-hero-dots button.is-active{width:18px;background:var(--music-red)}.music-profile-regenerate.is-danger{color:var(--music-danger);border-color:#ff5a6966}.music-artist-item>span img{width:100%;height:100%;object-fit:cover}.music-artist-item>span{overflow:hidden}.music-artist-item small{color:var(--music-faint);font-size:calc(9px * var(--os-font-scale, 1))}.music-artist-item{background:transparent;text-align:center}.music-artist-item:not(:disabled){cursor:pointer}.music-artist-item:not(:disabled):active>span{transform:scale(.94)}.music-artist-item>span{transition:transform .14s ease}.music-artist-item:disabled{cursor:default;opacity:.72}.music-rank-index{flex:0 0 20px;color:var(--music-faint);font-size:calc(13px * var(--os-font-scale, 1));font-weight:700;font-variant-numeric:tabular-nums;text-align:center}.music-flat-song-row.is-top .music-rank-index{color:var(--music-red)}.music-rank-count{flex:0 0 auto;color:var(--music-faint);font-size:calc(10px * var(--os-font-scale, 1));font-variant-numeric:tabular-nums;white-space:nowrap}
