:root{--ink:#19293c;--muted:#69788b;--line:#dde3eb;--blue:#3a608f;--peach:#f0b487;--bg:#f2f4f7;--error:#a33d2b;--serif:'Songti SC','STSong','Noto Serif CJK SC',serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.7 -apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif}button,input{font:inherit}button,a,input{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:var(--blue)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #a95f32;outline-offset:3px}[hidden]{display:none!important}.masthead{background:var(--ink);color:#fff}.head-inner{max-width:1280px;padding:19px 38px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:13px;color:#fff;text-decoration:none}.brand img{border:1px solid #718192;border-radius:9px;object-fit:cover}.brand strong{display:block;font-size:20px;line-height:1.4;letter-spacing:.08em;font-weight:650}.brand small{display:block;color:var(--peach);font-size:12px;letter-spacing:.04em;margin-top:3px}.header-label{font-size:12px;letter-spacing:.12em;color:#b7c3d1}.login-layout{max-width:1130px;margin:64px auto 48px;padding:0 38px;display:grid;grid-template-columns:1fr 440px;gap:80px;align-items:center}.intro{padding:10px 0 35px}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:650;color:#76859a;margin:0 0 17px}.intro h1{font:700 39px/1.65 var(--serif);letter-spacing:.05em;margin:0 0 18px}.intro-copy{color:var(--muted);font-size:14px;line-height:2.15;margin:0}.music-mark{height:150px;position:relative;max-width:335px;margin:26px 0 20px;opacity:.85}.staff{position:absolute;inset:20px 0 45px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 15px,#c9d2df 15px,#c9d2df 16px);transform:rotate(-4deg)}.music-mark i{position:absolute;width:15px;height:11px;border-radius:50%;background:#506b8d;left:var(--x);top:var(--y);transform:rotate(-24deg)}.music-mark i:after{content:'';position:absolute;width:1.5px;height:36px;right:0;bottom:4px;background:#506b8d;transform:rotate(24deg);transform-origin:bottom}.music-caption{position:absolute;bottom:6px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:.9em;color:#8898ac}.feature-row{display:flex;gap:12px;flex-wrap:wrap}.feature-row span{padding:4px 10px;border:1px solid #d8e0ea;border-radius:5px;font-size:11px;color:#60758f}.auth-card{background:#fff;border:1px solid #dfe5ee;border-radius:16px;padding:26px 32px 25px;box-shadow:0 12px 45px #19293c06}.tabs{display:flex;border-bottom:1px solid #e3e8ee;margin-bottom:28px;gap:24px}.tabs button{border:0;background:none;font-size:14px;color:var(--muted);padding:7px 2px 13px;position:relative}.tabs button[aria-selected=true]{color:var(--ink);font-weight:650}.tabs button[aria-selected=true]:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#3a608f}.auth-card .eyebrow{font-size:9px;margin-bottom:6px}.auth-card h2{font:700 26px/1.5 var(--serif);margin:0;letter-spacing:.03em}.form-description{font-size:12px;color:var(--muted);margin:7px 0 22px}.field{margin:17px 0}.field label{font-size:12px;font-weight:600;display:block;margin-bottom:7px}.field input{border:1px solid #ccd6e2;background:#fbfcfd;border-radius:6px;width:100%;padding:11px 12px;color:var(--ink);font-size:16px;line-height:1.5;min-height:46px}.field input:focus{border-color:#6987ab;background:white}.field input[aria-invalid=true]{border-color:#b65843}.password-wrap{position:relative}.password-wrap input{padding-right:60px}.password-toggle{position:absolute;right:0;top:0;bottom:0;padding:0 12px;min-width:54px;border:0;background:transparent;color:#6a7c94;font-size:11px}.field-hint,.registration-note{font-size:11px;color:var(--muted);line-height:1.8;margin:6px 0 0}.field-error{font-size:11px;color:var(--error);margin:5px 0 0}.field-error:empty{display:none}.registration-note{padding:11px 13px;background:#f5f7fa;border-radius:6px;margin:18px 0}.form-options{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0;color:#78879a;font-size:11px}.text-button{border:0;background:none;padding:3px 0;color:var(--blue);font-size:11px;min-height:28px}.notice{border:1px solid #e5dcc9;background:#fcf8ef;border-radius:6px;padding:11px 13px;font-size:12px;color:#866530;margin:12px 0}.notice button{display:block;border:0;background:none;text-decoration:underline;padding:6px 0 0;color:inherit;font-size:12px}.form-status{font-size:12px;color:var(--error);margin:13px 0}.form-status:empty{display:none}.form-status.success{color:#3c765b}.primary{width:100%;border:0;background:var(--ink);color:white;padding:12px 15px;border-radius:6px;display:flex;justify-content:space-between;align-items:center;min-height:48px;font-size:14px}.primary:hover:not(:disabled){background:#30475f}.primary>span:last-child{color:var(--peach);font-size:19px}.session-note{border-top:1px solid #e8edf2;margin:22px 0 0;padding-top:15px;font-size:10px;color:#8793a3;line-height:1.85}footer{text-align:center;font-size:10px;color:#8793a3;padding:16px 20px 25px;letter-spacing:.03em}footer span{padding:0 8px}.noscript{margin:20px auto;max-width:650px;padding:14px;background:#fff1e9;border:1px solid #b95f47}.standalone-card{max-width:490px;margin:64px auto;padding:30px 34px}.back-link{display:inline-block;font-size:12px;margin-top:18px;text-decoration:none}.page-description{font-size:13px;color:var(--muted)}@media(max-width:950px){.login-layout{gap:36px;grid-template-columns:1fr 400px;margin-top:42px;padding:0 26px}.head-inner{padding:18px 26px}.intro h1{font-size:33px}.intro-copy{font-size:13px}.auth-card{padding:25px}.music-mark{max-width:270px}}@media(max-width:730px){.head-inner{padding:16px 20px}.header-label{display:none}.brand strong{font-size:18px}.brand img{width:42px;height:42px}.brand small{font-size:11px}.login-layout{display:block;max-width:470px;margin:30px auto;padding:0 20px}.intro{padding:0 4px 25px}.intro>.eyebrow{font-size:9px;margin-bottom:9px}.intro h1{font-size:28px;line-height:1.65;margin-bottom:9px}.intro h1 br{display:none}.intro-copy{font-size:12px;line-height:1.9}.intro-copy br{display:none}.music-mark,.feature-row{display:none}.auth-card{padding:23px 25px;border-radius:12px}.tabs{margin-bottom:22px}.standalone-card{margin:35px 20px}footer{padding-bottom:24px}.session-note{font-size:11px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}