body.login-v4{margin:0;min-height:100svh;background:#f4f1ef;color:#29232a;font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;display:grid;place-items:center;padding:40px 24px;box-sizing:border-box}.login-v4 *{box-sizing:border-box}.login-v4 .login-layout{width:min(1080px,100%);display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid #e9e1df;border-radius:28px;overflow:hidden;box-shadow:0 24px 70px #40162512}.login-v4 .login-story{padding:44px;background:radial-gradient(ellipse at 0 100%,#a4364d 0,transparent 60%),linear-gradient(140deg,#2d1820,#641e30);color:#fff;display:flex;flex-direction:column;justify-content:space-between;gap:80px;position:relative}.login-v4 .login-brand{color:#fff;text-decoration:none;font-size:12px;letter-spacing:2px;display:flex;align-items:center;gap:14px}.login-v4 .brand-icon{border:1px solid #ffffff4a;border-radius:14px;padding:4px 13px;font-size:28px}.login-v4 .login-eyebrow{font-size:13px;color:#e8bcc2;letter-spacing:2px}.login-v4 h2{font-size:44px;line-height:1.4;white-space:pre-line;letter-spacing:-1px;margin:20px 0}.login-v4 .login-story p{max-width:310px;color:#ead2d7}.login-v4 .story-footer{font-size:12px;color:#e6bfc6;border-top:1px solid #ffffff26;padding-top:22px}.login-v4 .login-panel{padding:40px 44px;min-width:0}.login-v4 .login-badge{color:#a1253c;font-weight:700;font-size:12px;letter-spacing:2px}.login-v4 h1{font-size:27px;line-height:1.4;overflow-wrap:anywhere;margin:12px 0 8px}.login-v4 header p{margin:0 0 24px;color:#82757c;font-size:14px}.login-v4 .login-form{display:grid;gap:10px}.login-v4 .login-form>label{font-size:13px;font-weight:600;margin-top:5px}.login-v4 .login-form input:not([type=checkbox]):not([type=hidden]){display:block;width:100%;height:50px;border:1px solid #dfd8dd;border-radius:12px;background:#faf9fa;color:#29232a;padding:0 14px;font:inherit;font-size:16px;min-width:0;box-shadow:none;opacity:1}.login-v4 input:focus-visible,.login-v4 button:focus-visible,.login-v4 a:focus-visible,.login-v4 summary:focus-visible{outline:3px solid #bc39534a;outline-offset:2px}.login-v4 .login-password{position:relative}.login-v4 .login-password input{padding-right:65px!important}.login-v4 .login-password button{position:absolute;right:8px;top:7px;height:36px;border:0;background:transparent;color:#9b263c;cursor:pointer;font-weight:600}.login-v4 .captcha-field{margin:4px 0 0;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.login-v4 .captcha-field>label{grid-column:1/-1;font-size:13px;font-weight:600}.login-v4 .captcha-controls{display:flex;align-items:center;gap:8px;grid-column:2;grid-row:2}.login-v4 .captcha-controls img{width:124px;height:40px;object-fit:contain}.login-v4 .captcha-controls button{border:0;background:none;color:#9b263c;padding:0;font-size:12px;cursor:pointer}.login-v4 #captcha-answer{grid-column:1;grid-row:2;font-size:14px}.login-v4 .login-options{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:6px}.login-v4 .login-options label{display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer}.login-v4 input[type=checkbox]{width:16px;height:16px;accent-color:#a3243d;margin:0}.login-v4 .login-hint{font-size:11px;line-height:1.7;color:#8e8087;margin:0}.login-v4 .login-submit{height:52px;border:0;border-radius:12px;background:linear-gradient(110deg,#ba2841,#911b32);color:white;font:inherit;font-weight:700;cursor:pointer;margin-top:8px;box-shadow:0 8px 20px #a0233a24;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.login-v4 .login-submit:hover{filter:brightness(1.06)}.login-v4 .login-register{text-align:center;font-size:13px;margin:20px 0}.login-v4 a{color:#a1253c}.login-v4 .login-register a{font-weight:700;text-decoration:none}.login-v4 .login-notices{border-top:1px solid #eee7ea;padding-top:14px;font-size:12px}.login-v4 summary{cursor:pointer;color:#62515b}.login-v4 summary span{float:right;color:#97858e}.login-v4 .login-notices a{display:flex;gap:10px;padding:10px 0;text-decoration:none;border-bottom:1px solid #f1ecee;overflow-wrap:anywhere}.login-v4 .login-notices small{flex-shrink:0}.login-v4 .login-notices p{color:#97858e}.login-v4 .login-footer{font-size:11px;color:#a09098;text-align:center;margin-top:24px}.login-v4 .login-alert{background:#fff0f2;color:#a1233c;border:1px solid #f3ccd3;padding:10px 14px;border-radius:10px;font-size:13px;margin-bottom:14px}@media(max-width:760px){body.login-v4{padding:20px 14px;display:block;background:linear-gradient(160deg,#f4e7e9,#f6f4f1 55%)}.login-v4 .login-layout{display:block;max-width:460px;margin:auto;border-radius:22px}.login-v4 .login-story{display:none}.login-v4 .login-panel{padding:28px 24px}.login-v4 h1{font-size:25px}.login-v4 header p{margin-bottom:20px}.login-v4 .login-footer{margin-top:20px}}@media(max-width:360px){.login-v4 .login-panel{padding:24px 16px}.login-v4 .captcha-controls{gap:3px}.login-v4 .captcha-controls img{width:100px}.login-v4 .login-options{font-size:12px}.login-v4 h1{font-size:23px}}.login-v4 .login-photo-story{display:block;padding:0;overflow:hidden;background:#182439;min-height:560px;isolation:isolate}.login-v4 .login-portrait{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 35%;z-index:-2}.login-v4 .login-photo-story::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(12,22,39,.25) 68%,rgba(12,22,39,.94) 100%);z-index:-1;pointer-events:none}.login-v4 .login-photo-caption{position:absolute;bottom:0;left:0;right:0;padding:32px;color:#fff}.login-v4 .login-photo-label{font-size:10px;letter-spacing:3px;color:#e2d8be}.login-v4 .login-photo-caption h2{font-size:26px;line-height:1.5;letter-spacing:0;white-space:normal;margin:10px 0 6px}.login-v4 .login-photo-caption p{font-size:13px;color:#d9e0ea;margin:0;max-width:none}@media(max-width:760px){.login-v4 .login-photo-story{min-height:0;height:156px;display:block}.login-v4 .login-portrait{object-position:65% 24%}.login-v4 .login-photo-story::after{background:linear-gradient(90deg,rgba(12,22,39,.85),rgba(12,22,39,.45) 38%,transparent 72%)}.login-v4 .login-photo-caption{padding:20px;max-width:59%}.login-v4 .login-photo-label{font-size:8px;letter-spacing:1.4px}.login-v4 .login-photo-caption h2{font-size:19px;max-width:150px;margin:6px 0}.login-v4 .login-photo-caption p{font-size:10px;max-width:145px}.login-v4 .login-panel{padding-top:22px}}
.login-v4 .login-photo-story.buddies{background:#f3e9d2}.login-v4 .login-portrait.buddies{object-position:50% 50%}@media(max-width:760px){.login-v4 .login-portrait.buddies{object-position:50% 15%}}
