:root{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:#f4f2f8;background:#111016;color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid #c5adff;outline-offset:4px}[hidden]{display:none!important}.account-page{min-height:100vh;background:radial-gradient(ellipse at 12% 42%,#34234770,transparent 55%),#111016}.account-brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:750;padding:32px 5vw;width:max-content}.account-brand>span:last-child{font-size:19px;font-weight:450;color:#b9b1c8}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#b99af1;color:#20152e;font-size:21px}.account-layout{max-width:1120px;margin:4vh auto 7vh;display:grid;grid-template-columns:1fr 440px;gap:90px;align-items:center;padding:0 30px}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:650;color:#ba9cdd}.account-intro h1{font-size:clamp(36px,4.3vw,57px);font-weight:600;line-height:1.4;letter-spacing:.03em;margin:22px 0}.account-intro p{color:#a7a0b4;font-size:16px;line-height:2}.sound-lines{height:126px;display:flex;align-items:center;gap:8px;margin:30px 0 15px;max-width:390px;overflow:hidden}.sound-lines i{flex:1;min-width:5px;background:linear-gradient(#d4b7fb,#6e4b9f);border-radius:8px;height:34%;opacity:.65}.sound-lines i:nth-child(3n){height:65%}.sound-lines i:nth-child(4n){height:90%}.sound-lines i:nth-child(5n){height:48%}.sound-lines i:first-child,.sound-lines i:last-child{height:18%;opacity:.25}.intro-note{font-size:12px;letter-spacing:.05em;color:#7e758c}.account-card{padding:34px;background:#1b1922;border:1px solid #35313f;border-radius:22px;box-shadow:0 24px 80px #0003}.account-card h2{font-size:26px;font-weight:600;margin:12px 0}.muted{color:#a7a0b4;font-size:14px;line-height:1.6;margin:0 0 23px}.account-tabs{display:flex;gap:6px;border-bottom:1px solid #36313f;margin-bottom:24px}.account-tabs a{flex:1;text-align:center;padding:12px;color:#9d96aa;border-bottom:2px solid transparent}.account-tabs a[aria-current=page]{color:#dcc7ff;border-color:#be9bf3}form label{display:block;font-size:13px;color:#d0c9dd;margin:18px 0 9px}form input{width:100%;background:#131219;border:1px solid #3d3749;border-radius:9px;min-height:46px;padding:11px 13px;color:#f4f2f8}form input:focus{outline:1px solid #b99af1;border-color:#b99af1}form input::placeholder{color:#746d83;font-size:13px}.optional{font-size:11px;color:#8f879e;margin-left:6px}.password-field{position:relative}.password-field input{padding-right:62px}.password-field button{position:absolute;right:8px;top:7px;border:0;color:#bdb0d0;background:transparent;font-size:12px;padding:8px;cursor:pointer}.field-hint{font-size:12px;color:#a69ab6;line-height:1.6;margin:9px 0 0}.account-submit{display:block;width:100%;margin-top:25px;min-height:47px;border:0;border-radius:9px;background:#c1a1ef;color:#21142f;font-weight:700;cursor:pointer}.account-submit:hover{background:#d0b3f5}.account-submit:disabled{opacity:.55;cursor:wait}.account-switch{font-size:12px;color:#a29aad;text-align:center;margin:24px 0 0}.account-switch a{color:#cfb1f4;margin-left:4px}#accountError{color:#ffc0c8;background:#7a20382c;border:1px solid #9e3b5555;border-radius:8px;padding:11px;font-size:13px;line-height:1.6}#accountStatus{color:#b5dec8;font-size:13px;line-height:1.6}footer{text-align:center;color:#71697f;font-size:11px;padding:16px 20px 28px}.music-account-nav{margin:16px 0 0;padding:14px 6px;border-top:1px solid #ffffff16;display:flex;align-items:center;gap:9px;font-size:12px}.music-account-nav span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.music-account-nav a,.music-account-nav button{color:inherit;background:transparent;border:0;padding:6px;cursor:pointer;font:inherit}.music-account-nav button:hover,.music-account-nav a:hover{color:#c4a4f4}@media(max-width:850px){.account-layout{gap:30px;grid-template-columns:1fr 400px}.account-intro h1{font-size:38px}.account-intro p{font-size:14px}.account-card{padding:28px}}@media(max-width:690px){.account-brand{padding:24px}.account-layout{display:block;padding:0 20px;max-width:460px;margin:14px auto 34px}.account-intro{display:none}.account-card{padding:28px 24px;border-radius:17px}.account-card h2{font-size:24px}footer{padding-bottom:24px}}
