.register-container {
			flex: 1;
			display: flex;
			justify-content: center;
			align-items: center;
			padding: 40px 0;
		}

		.register-box {
			background: white;
			border-radius: 10px;
			box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
			width: 100%;
			max-width: 800px;
			overflow: hidden;
			display: flex;
		}

		.register-left {
			flex: 1;
			background: linear-gradient(135deg, #ff9d6c, #ff6a00);
			padding: 50px;
			color: white;
			display: flex;
			flex-direction: column;
			justify-content: center;
		}

		.register-left h2 {
			font-size: 2.5rem;
			margin-bottom: 20px;
		}

		.register-left p {
			font-size: 1.1rem;
			margin-bottom: 30px;
			line-height: 1.8;
		}

		.benefits-list {
			list-style: none;
			margin-top: 20px;
		}

		.benefits-list li {
			margin-bottom: 15px;
			display: flex;
			align-items: center;
		}

		.benefits-list i {
			background: rgba(255, 255, 255, 0.2);
			width: 30px;
			height: 30px;
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			margin-right: 15px;
		}

		.register-right {
			flex: 1;
			padding: 50px;
		}

		.register-header {
			text-align: center;
			margin-bottom: 30px;
		}

		.register-header h2 {
			font-size: 2rem;
			color: #333;
			margin-bottom: 10px;
		}

		.register-header p {
			color: #666;
		}

		.form-group {
			margin-bottom: 20px;
		}

		.form-group label {
			display: block;
			margin-bottom: 8px;
			font-weight: 500;
			color: #555;
		}

		.form-control {
			width: 100%;
			padding: 14px;
			border: 1px solid #ddd;
			border-radius: 4px;
			font-size: 1rem;
			transition: all 0.3s;
		}

		.form-control:focus {
			border-color: #ff6a00;
			box-shadow: 0 0 0 3px rgba(255, 106, 0, 0.1);
			outline: none;
		}

		.input-icon {
			position: relative;
		}

		.input-icon i {
			position: absolute;
			left: 15px;
			top: 50%;
			transform: translateY(-50%);
			color: #999;
		}

		.input-icon input {
			padding-left: 45px;
		}

		.checkbox-group {
			display: flex;
			align-items: flex-start;
			margin: 20px 0;
		}

		.checkbox-group input {
			margin-top: 4px;
			margin-right: 10px;
		}

		.checkbox-group label {
			color: #666;
			line-height: 1.6;
		}

		.checkbox-group a {
			color: #ff6a00;
			text-decoration: none;
		}

		.checkbox-group a:hover {
			text-decoration: underline;
		}

		.btn-register {
			display: block;
			width: 100%;
			background: #ff6a00;
			color: white;
			border: none;
			padding: 14px;
			border-radius: 4px;
			font-size: 1.1rem;
			font-weight: 600;
			cursor: pointer;
			transition: background 0.3s;
		}

		.btn-register:hover {
			background: #e55e00;
		}

		.divider {
			display: flex;
			align-items: center;
			margin: 25px 0;
		}

		.divider .line {
			flex: 1;
			height: 1px;
			background: #eee;
		}

		.divider .text {
			padding: 0 15px;
			color: #999;
		}

		.social-login {
			display: flex;
			gap: 15px;
			margin-bottom: 25px;
		}

		.social-btn {
			flex: 1;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 12px;
			border: 1px solid #ddd;
			border-radius: 4px;
			background: white;
			cursor: pointer;
			transition: all 0.3s;
		}

		.social-btn i {
			margin-right: 8px;
			font-size: 1.2rem;
		}

		.social-btn:hover {
			border-color: #ff6a00;
			color: #ff6a00;
		}

		.social-btn.wechat {
			color: #2aae67;
		}

		.social-btn.wechat:hover {
			border-color: #2aae67;
			background: rgba(42, 174, 103, 0.05);
		}

		.social-btn.qq {
			color: #12b7f5;
		}

		.social-btn.qq:hover {
			border-color: #12b7f5;
			background: rgba(18, 183, 245, 0.05);
		}

		.social-btn.weibo {
			color: #e6162d;
		}

		.social-btn.weibo:hover {
			border-color: #e6162d;
			background: rgba(230, 22, 45, 0.05);
		}

		.login-link {
			text-align: center;
			color: #666;
		}

		.login-link a {
			color: #ff6a00;
			text-decoration: none;
			font-weight: 500;
		}

		.login-link a:hover {
			text-decoration: underline;
		}



		@media (max-width: 768px) {
			.register-box {
				flex-direction: column;
			}

			.register-left {
				padding: 30px;
			}

			.register-right {
				padding: 30px;
			}

			.social-login {
				flex-direction: column;
			}

			.footer-grid {
				grid-template-columns: repeat(2, 1fr);
			}
		}

		@media (max-width: 576px) {
			.register-left {
				display: none;
			}

			.footer-grid {
				grid-template-columns: 1fr;
			}
		}