html,body{font-family:"HarmonyOS Sans SC","PingFang SC","Microsoft YaHei",system-ui,sans-serif;}
  *{box-sizing:border-box;}
  body{margin:0;min-height:100vh;}
  .fa,.fas,.far,.fa-solid,.fa-regular{font-family:"Font Awesome 7 Free";}
  .fab,.fa-brands{font-family:"Font Awesome 7 Brands";}
  .fa-solid,.fas{font-weight:900;}
  .fa-regular,.far{font-weight:400;}
  
  /* 认证页全屏背景 */
  .auth-scene{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;
    padding:24px 16px;position:relative;
    background:#0b1220 url("../webp/msl-user-bg_light_new-CJ59Ne5T.webp") center/cover no-repeat;}
  .auth-card{width:100%;max-width:440px;background:#fff;border-radius:24px;padding:34px 34px 28px;
    box-shadow:0 20px 60px rgba(10,20,40,.28);position:relative;}
  .auth-top{position:absolute;top:18px;right:22px;display:flex;align-items:center;gap:10px;}
  .auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:6px;}
  .auth-brand img{width:46px;height:46px;border-radius:12px;object-fit:cover;}
  .auth-brand h1{font-size:22px;font-weight:800;color:#18181b;margin:0;}
  .auth-sub{color:#86909c;font-size:13px;margin:0 0 22px;}
  .field-label{display:block;font-size:13px;font-weight:600;color:#3f3f46;margin:14px 0 7px;}
  .auth-input{width:100%;height:44px;padding:0 14px;border:1px solid #eef0f3;border-radius:12px;
    background:#f7f8fa;font-size:14px;color:#18181b;outline:none;transition:.15s;}
  .auth-input:focus{background:#fff;border-color:#ec5c83;box-shadow:0 0 0 3px rgba(236,92,131,.14);}
  .verify-btn{width:100%;height:44px;margin-top:14px;border:1px solid #e4e4e7;border-radius:12px;
    background:#fff;color:#52525b;font-size:13px;font-weight:600;display:flex;align-items:center;
    justify-content:center;gap:7px;cursor:pointer;}
  .verify-btn:hover{background:#fafafa;}
  .primary-btn{width:100%;height:46px;margin-top:14px;border:none;border-radius:12px;background:#ec5c83;
    color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:.15s;}
  .primary-btn:hover{background:#d8446b;}
  .auth-links{display:flex;justify-content:space-between;margin-top:14px;font-size:13px;}
  .auth-links a{color:#ec5c83;text-decoration:none;}
  .auth-links .muted{color:#86909c;}
  .divider{display:flex;align-items:center;gap:10px;margin:22px 0 16px;color:#9f9fa9;font-size:12px;}
  .divider::before,.divider::after{content:"";flex:1;height:1px;background:#eef0f3;}
  .social-row{display:flex;justify-content:center;gap:18px;}
  .social-btn{width:46px;height:46px;border-radius:50%;border:1px solid #eef0f3;background:#fff;
    display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;
    color:#52525b;text-decoration:none;transition:.15s;}
  .social-btn:hover{border-color:#ec5c83;color:#ec5c83;}
  .social-btn.social-disabled{color:#c4c4cc;cursor:not-allowed;}
  .social-btn.social-disabled:hover{border-color:#eef0f3;color:#c4c4cc;}
  .auth-foot{margin-top:20px;text-align:center;font-size:12px;color:#9f9fa9;line-height:1.9;}
  .auth-foot a{color:#ec5c83;text-decoration:none;}
  .auth-msg{padding:10px 12px;border-radius:10px;font-size:13px;margin-bottom:14px;}
  .auth-msg.err{background:#fef2f2;color:#dc2626;border:1px solid #fecaca;}
  .auth-msg.ok{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0;}
  /* 验证码行：输入框 + 获取按钮并排 */
  .code-row{display:flex;gap:10px;align-items:center;}
  .code-row .auth-input{flex:1;min-width:0;}
  .code-btn{height:44px;padding:0 16px;border:1px solid #ec5c83;border-radius:12px;background:#fff;
    color:#ec5c83;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer;transition:.15s;}
  .code-btn:hover{background:#fff2f5;}
  .code-btn:disabled{color:#9f9fa9;border-color:#e4e4e7;background:#fafafa;cursor:not-allowed;}
  @media (max-width:480px){.auth-card{padding:28px 20px 22px;border-radius:20px;}}