:root { --song-yellow:#ffb414; --song-orange:#ff8115; --song-line:#edf0f1; }
html, body.song-account-standalone { min-height:100%; margin:0; background:#f4f6f7; }
.song-account-standalone .song-account-shell, .song-account-standalone .song-account-shell * { box-sizing:border-box; }
.song-account-shell { width:min(100%,1000px); min-height:100vh; display:flex; flex-direction:column; margin:0 auto; background:#fff; box-shadow:0 0 28px rgba(5,6,6,.08); color:#050606; font-family:"Microsoft YaHei",Arial,sans-serif; }
.song-account-header { position: static; height:80px; display:flex; flex:0 0 80px; align-items:center; justify-content:center; background:linear-gradient(105deg,var(--song-yellow),var(--song-orange)); }
.song-account-header::before{ display:none; }
.song-account-header h1 { margin:0; font-size:46px; line-height:1; }.song-account-header em { font-style:italic; }
.song-account-error { margin:10px 70px 0; padding:8px 12px; border-radius:6px; background:#fff1f1; color:#b42318; }
.song-account-panel { flex:1; padding:14px 70px; }.song-account-form { display:flex; flex-direction:column; }
.song-account-field { display:grid; grid-template-columns:220px minmax(0,1fr); align-items:center; margin-bottom:12px; }
.song-account-field>span { padding-left:30px; font-size:22px; }.song-account-field b { color:#e21f35; }
.song-account-field input { width:100%; height:48px; padding:7px 13px; border:3px solid var(--song-line); border-radius:7px; outline:0; background:#fff; font-size:17px; }
.song-account-field input:focus { border-color:var(--song-yellow); box-shadow:0 0 0 3px rgba(255,180,20,.18); }
.song-account-form hr { width:100%; margin:0 0 12px; border:0; border-top:2px solid var(--song-line); }
.song-account-form>button { width:145px; height:52px; align-self:flex-end; border:0; border-radius:11px; background:#050606; color:#fff; font-size:25px; font-weight:700; cursor:pointer; }
.song-login-form { max-width:720px; margin:90px auto 0; }
.song-account-tabs { height:68px; display:grid; flex:0 0 68px; grid-template-columns:1fr 1fr; }
.song-account-tabs button { border:0; background:#f1f7fc; font-size:27px; cursor:pointer; }.song-account-tabs button.active { background:var(--song-yellow); }
.song-account-logged { max-width:700px; margin:60px auto; padding:30px; border-radius:12px; background:#fff; text-align:center; }.song-account-logged a { margin-left:12px; }
@media (max-width:700px) {
    html, body.song-account-standalone { background:#fff; }.song-account-shell { min-height:100vh; box-shadow:none; }
    .song-account-header { height:92px; flex-basis:92px; }.song-account-header h1 { font-size:clamp(34px,9vw,50px); }
    .song-account-error { margin:12px 24px 0; }.song-account-panel { padding:28px 24px 32px; }
    .song-account-field { grid-template-columns:1fr; gap:8px; margin-bottom:18px; }.song-account-field>span { padding:0; font-size:23px; }
    .song-account-field input { height:54px; font-size:19px; }.song-account-form>button { width:145px; height:58px; font-size:26px; }
    .song-login-form { margin-top:40px; }.song-account-tabs { height:82px; flex-basis:82px; }.song-account-tabs button { font-size:28px; }
}