/* This file only styles the native login page. Form IDs and events stay native. */
body[data-path="login"] {
    --primary: #fc3b39;
    --primary-color: #fc3b39;
    --btn-primary: #fc3b39;
    --text-color: #262626;
    --text-muted: #7b808a;
    --border-color: #e5e8ed;
    --border-radius: 3px;
    font-family: "Microsoft YaHei", "PingFang SC", system-ui, -apple-system, sans-serif;
    color: #262626;
    background: #f2f6fa;
}
body[data-path="login"] #page-login > .page-content-wrapper {padding: 0;}
body[data-path="login"] .page-breadcrumbs,
body[data-path="login"] .page-header-wrapper,
body[data-path="login"] .page-footer {display: none;}
body[data-path="login"] main.container {max-width: none; padding: 0;}
body[data-path="login"] .page_content {padding: 0;}
body[data-path="login"] .anyu-login-shell {min-height: 100dvh; display: flex; flex-direction: column; overflow: hidden;}
body[data-path="login"] .anyu-login-brand {display: flex; align-items: center; gap: 13px; width: min(1160px, calc(100% - 80px)); margin: 0 auto; padding: 32px 0 24px;}
body[data-path="login"] .anyu-login-mark {display: grid; place-items: center; width: 44px; height: 44px; background: #fc3b39; color: #fff; font-size: 26px; font-weight: 700; border-radius: 8px 8px 8px 2px;}
body[data-path="login"] .anyu-login-brand-text {display: flex; flex-direction: column; gap: 2px;}
body[data-path="login"] .anyu-login-brand-text strong {font-size: 22px; letter-spacing: 2px; line-height: 1.25;}
body[data-path="login"] .anyu-login-brand-text > span {font-size: 12px; letter-spacing: 2px; color: #7b808a;}
body[data-path="login"] .anyu-login-stage {display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(380px, 0.85fr); width: min(1160px, calc(100% - 80px)); margin: auto; min-height: 556px; background: #fff; border: 1px solid #e5e8ed; border-radius: 8px; box-shadow: 0 16px 60px #2436510c; overflow: hidden;}
body[data-path="login"] .anyu-login-intro {position: relative; overflow: hidden; padding: 64px 52px; color: #fff; background: linear-gradient(229deg, #0f142b, #2f2542);}
body[data-path="login"] .anyu-login-eyebrow {position: relative; z-index: 1; color: #d6d5df; font-size: 14px; letter-spacing: 2px; margin-bottom: 27px;}
body[data-path="login"] .anyu-login-intro h1 {position: relative; z-index: 1; margin: 0 0 22px; color: #fff; font-size: clamp(30px, 3vw, 42px); font-weight: 600; line-height: 1.5; letter-spacing: 1px;}
body[data-path="login"] .anyu-login-intro p {position: relative; z-index: 1; font-size: 15px; line-height: 1.9; color: #bdbdce; margin-bottom: 30px;}
body[data-path="login"] .anyu-login-domains {display: flex; flex-wrap: wrap; gap: 12px; position: relative; z-index: 1;}
body[data-path="login"] .anyu-login-domains span {border: 1px solid #ffffff25; border-radius: 3px; padding: 7px 12px; font-size: 12px; color: #dedde5; background: #ffffff05;}
body[data-path="login"] .anyu-login-art {position: absolute; right: -50px; bottom: -78px; width: 310px; height: 265px; transform: rotate(-16deg); opacity: .55; pointer-events: none;}
body[data-path="login"] .anyu-login-art i {position: absolute; width: 172px; height: 172px; border: 1px solid #ffffff1c; border-radius: 22px;}
body[data-path="login"] .anyu-login-art i:nth-child(1) {top: 0; left: 0; background: #ffffff04;}
body[data-path="login"] .anyu-login-art i:nth-child(2) {top: 32px; left: 42px; background: #fc3b3918; border-color: #fc3b3940;}
body[data-path="login"] .anyu-login-art i:nth-child(3) {top: 66px; left: 84px;}
body[data-path="login"] .anyu-login-art i:nth-child(4) {top: 102px; left: 128px;}
body[data-path="login"] .anyu-login-panel {padding: 58px 48px 35px; min-width: 0; display: flex; flex-direction: column; justify-content: center; background: #fff;}
body[data-path="login"] .anyu-login-panel section {padding: 0; min-height: 0;}
body[data-path="login"] .anyu-login-panel .login-content.page-card {max-width: none; width: 100%; padding: 0; margin: 0; box-shadow: none; border: 0; background: transparent;}
body[data-path="login"] .anyu-login-panel .page-card-head {padding: 0; margin: 0 0 30px; text-align: left;}
body[data-path="login"] .anyu-login-panel .page-card-head .app-logo {display: none;}
body[data-path="login"] .anyu-login-panel .page-card-head h4 {font-size: 25px; line-height: 1.4; margin: 0 0 8px; font-weight: 600; color: #262626;}
body[data-path="login"] .anyu-login-panel .page-card-head .page-card-subtitle {font-size: 13px; line-height: 1.7; color: #8b8f97; margin: 0;}
body[data-path="login"] .anyu-login-panel .page-card-body {padding: 0;}
body[data-path="login"] .anyu-login-panel .form-group {margin-bottom: 21px;}
body[data-path="login"] .anyu-login-panel .form-label {font-size: 13px; line-height: 1.5; color: #596477; margin-bottom: 9px;}
body[data-path="login"] .anyu-login-panel .form-control {height: 44px; font-size: 14px; border: 1px solid #d9dfe7; border-radius: 3px; background: #fff; color: #262626; box-shadow: none;}
body[data-path="login"] .anyu-login-panel .form-control::placeholder {color: #a2a7b0;}
body[data-path="login"] .anyu-login-panel .form-control:focus {border-color: #fc3b39; box-shadow: 0 0 0 3px #fc3b3910;}
body[data-path="login"] .anyu-login-panel .email-field .field-icon,
body[data-path="login"] .anyu-login-panel .password-field .field-icon,
body[data-path="login"] .anyu-login-panel .toggle-password {top: 14px;}
body[data-path="login"] .anyu-login-panel .forgot-password-message {font-size: 12px; margin: 11px 0 0;}
body[data-path="login"] .anyu-login-panel a {color: #647084; text-decoration: none;}
body[data-path="login"] .anyu-login-panel a:hover {color: #fc3b39;}
body[data-path="login"] .anyu-login-panel .page-card-actions {padding: 0; margin-top: 25px;}
body[data-path="login"] .anyu-login-panel .btn {height: auto; min-height: 44px; padding: 10px 12px; border-radius: 3px; font-size: 14px; white-space: normal; line-height: 1.6;}
body[data-path="login"] .anyu-login-panel .btn-login[type="submit"],
body[data-path="login"] .anyu-login-panel .btn-primary,
body[data-path="login"] .anyu-login-panel .btn-forgot {background: #fc3b39; border: 1px solid #fc3b39; color: #fff;}
body[data-path="login"] .anyu-login-panel .btn-login[type="submit"]:hover,
body[data-path="login"] .anyu-login-panel .btn-primary:hover,
body[data-path="login"] .anyu-login-panel .btn-forgot:hover {background: #e52f30; border-color: #e52f30; color: #fff;}
body[data-path="login"] .anyu-login-panel .btn:disabled {opacity: .55; cursor: not-allowed;}
body[data-path="login"] .anyu-login-panel a:focus-visible,
body[data-path="login"] .anyu-login-panel button:focus-visible {outline: 2px solid #1890ff; outline-offset: 3px;}
body[data-path="login"] .anyu-login-panel .field-error {font-size: 12px; line-height: 1.6; margin-top: 5px; color: #df3535;}
body[data-path="login"] .anyu-login-panel .form-group.invalid .form-control {border-color: #df3535;}
body[data-path="login"] .anyu-login-panel .login-error-banner {margin-bottom: 20px; padding: 10px 12px; border-radius: 3px; background: #fff0f0; color: #c52c2c; font-size: 13px; line-height: 1.6;}
body[data-path="login"] .anyu-login-panel .sign-up-message {font-size: 13px; margin-top: 22px;}
body[data-path="login"] .anyu-login-help {border-top: 1px solid #eff1f5; padding-top: 20px; margin: 29px 0 0; color: #9298a3; font-size: 12px; line-height: 1.8;}
body[data-path="login"] .anyu-login-footer {padding: 27px 20px; color: #a3a9b3; font-size: 12px; letter-spacing: 1px; text-align: center;}
@media (max-width: 950px) {
    body[data-path="login"] .anyu-login-stage {grid-template-columns: minmax(0, 1fr) minmax(340px, 1fr);}
    body[data-path="login"] .anyu-login-intro {padding: 58px 30px;}
    body[data-path="login"] .anyu-login-panel {padding: 48px 30px 30px;}
}
@media (max-width: 720px) {
    body[data-path="login"] .anyu-login-brand {width: calc(100% - 40px); padding: 28px 0;}
    body[data-path="login"] .anyu-login-stage {display: block; width: calc(100% - 40px); min-height: 0; margin-top: 8px;}
    body[data-path="login"] .anyu-login-intro {display: none;}
    body[data-path="login"] .anyu-login-panel {padding: 36px 26px 26px;}
    body[data-path="login"] .anyu-login-help {margin-top: 26px;}
    body[data-path="login"] .anyu-login-footer {margin-top: auto;}
}
@media (prefers-reduced-motion: reduce) {
    body[data-path="login"] .anyu-login-panel .invalid-login {animation: none;}
}