.searchBar {justify-content: center;}.user-icon-img {width: 104px;height: 104px;border-radius: 100%;object-fit: cover;margin-left: 32px;}.user-icon-edit {width: 32px;height: 32px;}.user-icon {text-align: center;}.user-details {padding: 15px;padding-bottom: 100px;}.user-details .heading2 {padding: 25px 0 5px;}.user-member {display: flex;gap: 10PX;padding-top: 10PX;}.user-member span {border-radius: 4px;}#changeUserName {display: flex;gap: 8px;}#userName {padding: 12px 10px;border: #D9D9D9 1px solid;flex-grow: 1;}#changeUserName button {border-radius: 4px;}.user-phone {display: flex;align-items: center;}.user-phone span {flex-grow: 1;}.user-phone .button-gray {border-radius: 4px;}.user-fame-point {color: #129417;font-weight: 600;}#uploadButton {padding: 10px 20px;background: #000;color: white;box-sizing: border-box;border-radius: 12px;margin: 35px 0 25px;}#upload-user-icon {background: #D9D9D9;width: 100%;height: 220px;display: flex;flex-direction: column;align-items: center;box-sizing: border-box;border-radius: 8px;overflow: hidden;}.se-btn {align-items: center;}.vip-benefit-list {display: flex;flex-direction: row;gap: 10px;padding: 15px;}.button-verify {background: #000000;padding: 10px 15px;border: 1px solid black;color: #fff;}.form2-input {border: 1px black solid;padding: 10px 15px;box-sizing: border-box;}.form2-input:focus {outline: unset !important;border: 1px black solid !important;}.form2-input:focus:hover {outline: unset !important;border: 1px black solid !important;}.phone-verify-grid {display: grid;grid-template-columns: repeat(5, 1fr);grid-template-rows: repeat(2, 1fr);grid-column-gap: 0px;grid-row-gap: 10px;}#phone-number-input {grid-area: 1 / 1 / 2 / 4;}#send-verification-code-btn {grid-area: 1 / 4 / 2 / 6;}#verification-code-input {grid-area: 2 / 1 / 3 / 6;}.container {display: flex;align-items: flex-end;gap: 10px;}.buy-button {display: inline-block;padding: 10px 20px;font-size: 16px;font-weight: bold;color: white;background-color: #28a745;border: none;border-radius: 5px;text-align: center;text-decoration: none;cursor: pointer;transition: background-color 0.3s ease;}.buy-button:hover {background-color: #218838;}.vip-button {display: inline-block;padding: 10px 20px;font-size: 16px;font-weight: bold;color: white;background-color: gold;color:red;border: none;border-radius: 5px;text-align: center;text-decoration: none;cursor: pointer;transition: background-color 0.3s ease;}.vip-button:hover {background-color:yellow;}#petCode {width: 70%;padding: 12px 20px;margin: 8px 0;box-sizing: border-box;border: 2px solid #28a745;border-radius: 4px;font-size: 16px;outline: none;transition: border-color 0.3s, box-shadow 0.3s;}#petCode:focus {border-color: #218838;box-shadow: 0 0 8px rgba(40, 167, 69, 0.2);}#petCode::placeholder {color: #999;font-style: italic;}.backend {display: inline-block;padding: 10px 20px;font-size: 13px;font-weight: bold;color: white;background-color: #28a745;border: 2px solid #28a745;border-radius: 5px;text-decoration: none;transition: background-color 0.3s, border-color 0.3s;margin-left: 10px;}.backend:hover {background-color: #218838;border-color: #1e7e34;}.backend:active {background-color: #1e7e34;border-color: #155724;}.backend:focus {outline: none;box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.5);}