* { margin:0; padding:0; box-sizing:border-box; }
        body { font-family:'Microsoft YaHei',Arial,sans-serif; background:#f5f7fa; min-height:100vh; display:flex; align-items:center; justify-content:center; }
        .container { width:420px; background:#fff; border-radius:8px; box-shadow:0 2px 12px rgba(0,0,0,0.1); padding:36px 40px; }
        .logo { text-align:center; margin-bottom:28px; }
        .logo img { height:48px; }
        .logo h2 { font-size:20px; color:#1e3a5f; margin-top:10px; }
        .form-row { display:flex; gap:12px; margin-bottom:18px; }
        .form-row .form-group { flex:1; margin-bottom:0; }
        .form-group { margin-bottom:18px; }
        .form-group label { display:block; margin-bottom:6px; color:#333; font-size:14px; }
        .form-group input, .form-group select { width:100%; padding:10px 12px; border:1px solid #dcdfe6; border-radius:4px; font-size:14px; transition:border-color .2s; background:#fff; }
        .form-group input:focus, .form-group select:focus { outline:none; border-color:#1e3a5f; }
        .btn { width:100%; padding:12px; background:#1e3a5f; color:#fff; border:none; border-radius:4px; font-size:16px; cursor:pointer; transition:background .2s; }
        .btn:hover { background:#2a5298; }
        .error { background:#fef0f0; color:#f56c6c; padding:10px; border-radius:4px; margin-bottom:18px; font-size:14px; }
        .success { background:#f0f9eb; color:#67c23a; padding:10px; border-radius:4px; margin-bottom:18px; font-size:14px; }
        .links { text-align:center; margin-top:20px; font-size:14px; }
        .links a { color:#1e3a5f; text-decoration:none; }
        .links a:hover { text-decoration:underline; }