.form-container {max-width: 500px;margin: 50px auto;padding: 30px;border-radius: 12px;box-shadow: 0 4px 12px #0000001a;background: linear-gradient(135deg, #fff, #f2f2f2);font-family: 'Arial', sans-serif }.form-container h2 {text-align: center;color: #333;font-size: 24px;margin-bottom:20px }.form-container form {display: flex;flex-direction: column }.form-container input[type="text"], .form-container input[type="email"], .form-container input[type="password"], .form-container select, .form-container textarea {width: 100%;padding: 10px;margin-top: 5px;border: 1px solid #ccc;border-radius: 6px;font-size: 14px;transition:all .3s ease-in-out }.form-container input:focus, .form-container select:focus {border-color: #007bff;box-shadow: 0 0 5px #007bff4d;outline:none }.form-container .btn {background: #034286;border: none;color: #fff;font-size: 16px;border-radius: 6px;cursor: pointer;transition:background .3s ease-in-out }.form-container .btn:hover {background:#0056b3 }.btn-link:hover{color: #e20606;}.social-login {text-align: center;margin-top:20px }.btn-weixin {background-color: #1AAD19;color: #fff;padding: 12px 20px;border-radius: 6px;text-decoration: none;display: inline-flex;align-items: center;justify-content: center;font-size: 14px;transition:background .3s ease-in-out }.btn-weixin:hover {background-color:#128C08 }.btn-weixin i {margin-right: 8px;font-size:18px }.form-container .form-text {font-size: 12px;color: #666;margin-top:3px }.error-container {margin-bottom: 20px;padding: 15px;background-color: #f8d7da;border: 1px solid #f5c6cb;border-radius: 4px;color: #721c24;box-shadow: 0 4px 6px #32325d1c 0 1px 3px #00000014;transition:transform .3s ease, box-shadow .3s ease }.error-container:hover {transform: translateY(-3px);box-shadow:0 6px 10px #32325d29 0 2px 6px #0000001f }.error-list {list-style-type: disc;margin: 0;padding-left:20px }.error-item {font-size: 16px;line-height: 1.5;color: #842029;font-weight:700 }.error-container h4 {margin-top: 0;color:#721c24 }.form-group {margin-bottom: 0;}.error-message {color: red;font-size: .9em;margin-top:5px }label {font-weight: bolder;color:#666 }.name_cn{display: flex;flex-direction: row;justify-content: space-between;}.tip_info {color: #6a0312;}#id_second_name_cn {margin-right:10px }.name_info {font-weight: bolder;color:#666 }.self_introduction textarea {min-height: 75px;width: 100%;background:linear-gradient(135deg, #fff, #f2f2f2) }li {list-style-type:none }.input-group {position: relative;margin-top:15px }.input-group input {width: 100%;padding-left: 45px !important;box-sizing:border-box;font-size: 1em;}input[type="number"], select.form-control {width: 100%;padding: 8px 12px;border: 1px solid #ced4da;border-radius: 4px;}.icon-container {position: absolute;left: 10px;top: 50%;transform: translateY(-40%);pointer-events: none;}.icon-form {width: 24px;height: 24px;fill: #aaa;}button .icon-form {fill:#fff;width: fit-content;}.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0 }select.form-control {-webkit-appearance: none;-moz-appearance: none;appearance: none;background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat: no-repeat;background-position: right 0.75rem center;background-size: 1em;padding: 10px 2.5rem 10px 45px;}select::-ms-expand {display: none;}select.form-control option:first-child {color: #aaa;font-style: italic;}select.form-control option:not(:first-child) {color: #000;}small{font-size: 0.8em;color: #bbb;}option:disabled, select[disabled] > option {color: #e20606;}.form-control-plaintext {background-color: #f8f9fa;color: #aaa;border: 1px solid #dee2e6;pointer-events: none;}.form-select {appearance: none;background-image: url("data:image/svg+xml;charset=utf8,%3Csvg...");background-position: right 0.75rem center;background-size: 16px 12px;}.input-group.last_name, .input-group.first_name{width:29%;}.input-group.gender{width:40%;}.locked-field {background-color: #f8f9fa;color: #aaa;pointer-events: none;cursor: not-allowed;opacity: 0.8;}.form-section {margin-bottom: 2rem;position: relative;}.form-h {display: flex;align-items: center;margin: 1.5rem 0 1.0rem 0;color: #85040c;}.form-h::before, .form-h::after {content: "";flex: 1;height: 1px;background: #aaa;margin: 0 1rem;}.form-container p{color: #999;}.input.first_name{padding-left: 10px !important;}.vChat {position: absolute;max-width: 220px;top: 40px;z-index: 10;opacity: 0;visibility: hidden;transition: opacity 0.3s ease;left: 50%;transform: translate(-50%, -50%);}.form-group.contact{display: flex;flex-direction: column;justify-content: center;}.form-group h3{text-align: center;justify-content: left;}.vChat-mouse{display: flex;width: 100%;justify-content: left;}.vChat-mouse p{color: #70050c;font-weight: bolder;text-decoration: underline;}.vChat-mouse:hover .vChat {opacity: 0.85;visibility: visible;}.btn-primary.btn-lg{width: 100%;padding: 12px;}.btn-style {border: 2px solid #dee2e6 !important;transition: all 0.3s ease;display: inline-flex;align-items: center;justify-content: center;gap: 8px;}.btn-style svg {width: 1.5em;height: 1.5em;flex-shrink: 0;fill: currentColor;}.btn-style.active {border: 2px solid !important;transform: scale(1.05);box-shadow: 0 0 8px rgba(0,0,0,0.1);}#public-status {color: #666;font-size: 0.9em;}#public-status i {margin-right: 5px;}.btn-lg.active {background: #A51616 !important;border-color: #a51616 !important;color: white !important;}.security-info {background: #f8f9fa;border-left: 8px solid #0e0ba2;padding: 15px;margin-top: 25px;border-radius: 0 4px 4px 0;}.security-info h3 {margin-bottom: 10px;}.security-info ul {padding-left: 20px;}.security-info li {margin-bottom: 8px;}.btn-group-toggle{display: flex;flex-direction: row;justify-content: space-evenly;}.btn-lg{width: 40%;min-width: 120px;}.alert.alert-info {margin: 20px;}