:root{--ink:#203b38;--green:#315f57;--soft:#edf3ee;--paper:#fbfaf6;--line:#d9e2dc;--gold:#d7ad65}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:var(--paper)}body{display:flex;flex-direction:column}.auth-header{display:flex;align-items:center;justify-content:space-between;width:min(1180px,calc(100% - 40px));margin:auto;padding:26px 0}.auth-brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}.auth-brand>span{display:grid;width:48px;height:48px;place-items:center;border-radius:15px;background:var(--green);color:#fff;font-size:25px;font-weight:800}.auth-brand b{font-size:24px}.auth-brand em{color:#7b9690;font-style:normal;font-weight:500}.auth-back{padding:10px 17px;border:1px solid #a9bbb5;border-radius:999px;color:var(--ink);text-decoration:none}.auth-main{display:grid;grid-template-columns:minmax(320px,1fr) minmax(420px,560px);gap:clamp(36px,8vw,120px);align-items:center;width:min(1120px,calc(100% - 40px));margin:auto;padding:30px 0 55px}.auth-visual{padding:30px}.auth-kicker{color:#638078;font-size:12px;font-weight:800;letter-spacing:.2em}.auth-visual h1{margin:22px 0;font-family:Georgia,"Songti SC",serif;font-size:clamp(54px,7vw,88px);font-weight:500;line-height:1.05;letter-spacing:-.04em}.auth-visual p{max-width:550px;color:#697b76;font-size:17px;line-height:1.9}.auth-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.auth-points span{padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#526a64;font-size:13px}.auth-card{padding:clamp(28px,5vw,48px);border:1px solid rgba(49,95,87,.14);border-radius:30px;background:rgba(255,255,255,.94);box-shadow:0 28px 80px rgba(41,71,64,.12)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;padding:5px;border-radius:14px;background:var(--soft)}.auth-tabs a{padding:11px;border-radius:10px;color:#6a7b76;text-align:center;text-decoration:none;font-weight:700}.auth-tabs a.active{background:#fff;color:var(--green);box-shadow:0 4px 14px rgba(45,80,71,.08)}.auth-card-head{margin:28px 0}.auth-card-head>span{color:#7a918a;font-size:13px;font-weight:700}.auth-card-head h2{margin:7px 0;font-size:30px}.auth-card-head p{margin:0;color:#788681}.auth-notice{margin:20px 0 -5px;padding:12px 15px;border-radius:12px;font-size:14px;line-height:1.6}.auth-notice.error{background:#fff0ed;color:#a34235}.auth-notice.success{background:#eaf7ef;color:#28734f}.auth-form{display:grid;gap:19px}.auth-form>label>span{display:block;margin-bottom:8px;font-size:14px;font-weight:700}.auth-form input{width:100%;min-height:50px;padding:12px 14px;border:1px solid #cbd8d3;border-radius:13px;background:#fff;color:var(--ink);font:16px inherit;outline:none}.auth-form input:focus{border-color:#4e7b72;box-shadow:0 0 0 4px rgba(78,123,114,.1)}.auth-form label small{display:block;margin-top:6px;color:#899590;font-size:12px}.password-field{position:relative}.password-field input{padding-right:64px}.password-field button{position:absolute;top:50%;right:8px;padding:7px 9px;border:0;background:transparent;color:#52756d;transform:translateY(-50%);cursor:pointer}.auth-row{display:flex;align-items:center;justify-content:space-between;font-size:14px}.auth-row>a,.auth-switch a,.auth-agreement a{color:var(--green);font-weight:700}.auth-check{display:flex!important;align-items:center;gap:9px;cursor:pointer}.auth-check input{position:absolute;width:1px;min-height:1px;opacity:0}.auth-check i{display:block;width:20px;height:20px;border:1px solid #aebfba;border-radius:6px;background:#fff}.auth-check input:checked+i{border-color:var(--green);background:var(--green);box-shadow:inset 0 0 0 4px #fff}.auth-check span{margin:0!important;font-weight:400!important}.auth-agreement{align-items:flex-start;font-size:13px;line-height:1.65}.auth-agreement i{flex:0 0 20px;margin-top:1px}.auth-submit{min-height:54px;border:0;border-radius:14px;background:var(--green);color:#fff;font-size:17px;font-weight:800;cursor:pointer;box-shadow:0 12px 28px rgba(49,95,87,.22)}.auth-submit:hover{background:#254f48}.auth-submit:disabled{cursor:wait;opacity:.65}.auth-switch{margin:24px 0 0;color:#788681;text-align:center}.support-box{margin-top:25px;padding:20px;border-radius:18px;background:#f1f6f3}.support-box>span{font-weight:800}.support-box p{display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:10px;margin:14px 0 0}.support-box p b{color:#74827e;font-size:13px}.support-box p strong{font-family:Consolas,monospace}.support-box button{padding:6px 10px;border:1px solid #b9cbc5;border-radius:8px;background:#fff;color:var(--green);cursor:pointer}.support-box small{display:block;margin-top:15px;color:#75847f;line-height:1.7}.auth-footer{padding:18px;color:#8a9692;text-align:center;font-size:12px}@media(max-width:820px){.auth-header{width:min(100% - 28px,620px);padding:18px 0}.auth-brand>span{width:42px;height:42px;border-radius:13px}.auth-brand b{font-size:21px}.auth-main{display:block;width:min(100% - 28px,620px);padding:8px 0 35px}.auth-visual{padding:16px 5px 28px}.auth-visual h1{margin:12px 0;font-size:43px}.auth-visual p{font-size:14px;line-height:1.75}.auth-points{margin-top:18px}.auth-card{padding:25px 20px;border-radius:23px}.auth-card-head{margin:23px 0}.auth-card-head h2{font-size:26px}}@media(max-width:420px){.auth-back{padding:8px 12px;font-size:13px}.auth-visual h1{font-size:38px}.auth-points span:nth-child(3){display:none}.support-box p{grid-template-columns:70px 1fr auto}}
