:root{font-family:"Avenir Next","PingFang SC","Microsoft YaHei",sans-serif;color:#202020;background:#f5f5f5;font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column;border-top:4px solid #cd2826}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible{outline:3px solid #cd2826;outline-offset:3px}h1,h2,p{margin:0}[hidden]{display:none!important}
.masthead{display:flex;align-items:center;gap:26px;padding:26px clamp(24px,6vw,96px)}.masthead>span:last-child{padding-left:26px;border-left:1px solid #ddd;font-size:12px;letter-spacing:2px;color:#737373}
.login-layout{width:min(1120px,100%);margin:auto;display:grid;grid-template-columns:1fr 440px;gap:80px;align-items:center;padding:48px 30px 64px}.welcome{position:relative;padding:32px 0 80px;overflow:hidden}.eyebrow{color:#ad211f;font-size:11px;font-weight:650;letter-spacing:2px;margin-bottom:24px}h1{font-size:clamp(32px,3.5vw,48px);font-weight:650;line-height:1.5;letter-spacing:-1px}.intro{color:#737373;font-size:14px;line-height:2;margin-top:26px}.resource-line{display:flex;gap:0;margin-top:38px;font-size:12px;color:#575757}.resource-line span+span{border-left:1px solid #ccc;margin-left:20px;padding-left:20px}.music-staff{position:absolute;bottom:0;left:0;width:100%;height:38px;background:repeating-linear-gradient(to bottom,#ddd 0,#ddd 1px,transparent 1px,transparent 9px);transform:skewY(-7deg);opacity:.55}
.login-card{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:38px 36px 28px;box-shadow:0 16px 48px #00000005}.login-card .eyebrow{margin-bottom:12px}h2{font-size:27px;font-weight:650}.card-description{color:#737373;font-size:12px;margin:12px 0 30px}label{display:block;font-size:13px;font-weight:600;margin:20px 0 9px}input{width:100%;min-width:0;height:46px;border:1px solid #ddd;border-radius:6px;padding:0 13px;background:#fff;font-size:14px;color:#202020}input::placeholder{color:#999}input:focus{border-color:#cd2826}.captcha-label{display:flex;align-items:baseline;justify-content:space-between}.captcha-label span,.field-hint{font-size:11px;color:#858585}.captcha-row{display:grid;grid-template-columns:minmax(0,1fr) 154px;gap:10px}.captcha-row input{height:52px}.captcha-row button{border:1px solid #ddd;border-radius:6px;background:#fafafa;padding:0;overflow:hidden;height:52px;color:#737373;font-size:12px}.captcha-row img{display:block;width:100%;height:100%;object-fit:contain}.field-hint{margin-top:10px;line-height:1.6}#submitLogin{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-radius:6px;background:#cd2826;color:#fff;padding:14px 16px;font-size:14px;font-weight:600;margin-top:26px}#submitLogin:hover{background:#ad211f}#message{color:#ad211f;font-size:12px;line-height:1.7;min-height:22px;margin-top:12px}.account-help{border-top:1px solid #eee;padding-top:18px;margin-top:9px;color:#858585;font-size:11px;text-align:center}footer{display:flex;justify-content:space-between;gap:20px;margin:0 clamp(24px,6vw,96px);padding:20px 0 24px;border-top:1px solid #e5e5e5;color:#858585;font-size:10px;letter-spacing:1px}
@media(max-width:900px){.login-layout{gap:35px;grid-template-columns:1fr 390px}.login-card{padding:30px 26px}.welcome h1{font-size:32px}}
@media(max-width:700px){.masthead{padding:20px 24px;gap:12px}.masthead .brand-logo{width:120px;height:39px}.masthead>span:last-child{padding-left:12px;font-size:10px;letter-spacing:0}.login-layout{display:block;max-width:480px;padding:16px 20px 36px}.welcome{padding:12px 4px 26px}.welcome .eyebrow,.intro,.resource-line,.music-staff{display:none}.welcome h1{font-size:24px;line-height:1.5}.welcome h1 br{display:none}.login-card{padding:28px 24px 24px}input{font-size:16px}footer span{display:none}}
@media(max-width:360px){.captcha-row{grid-template-columns:minmax(0,1fr) 125px}.login-card{padding-inline:18px}}