body {
		    background-color: #fcf5eb;
			margin: 0;
		    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
		}
		.container{
			padding: 14px 40px;
		}
		.header{
			display: flex;
			align-items: center;	
			gap: 6px;
			color: #25D366;
		}
		.main{
			max-width: 870px;
			margin: 60px auto 10px;
			display: flex;
			flex-direction: column;
			gap: 16px;
		}
		.main1{
			border: 1px solid #000;
			border-radius: 25px;
			background-color: #fff;
			padding: 24px 48px;
			display: flex;
			align-items: center;
			gap: 24px;
		}
		.main1-center{
			font-size: 1rem;
			font-weight: 400;
		}
		.main1-center-tit{
			color: #1d1f1f;
			font-weight: 500;
			font-size: 1.125rem;
			padding-bottom: 4px;
		}
		.main1-right{
			margin-left: auto;
			width: 162px;
			height: 52px;
			border-radius: 52px;
			border: 1px solid #000;
			background-color: #25D366;
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 10px;
			color: #1d1f1f;
			text-decoration: none;
		}
		.main2{
			border: 1px solid #000;
			border-radius: 25px;
			background-color: #fff;
			padding: 48px;
		}
		:root {
		    --primary-color: #25D366; /* WhatsApp 绿色 */
		    --text-color: #41525d;
		    --bg-color: #fff;
		    --border-color: #e9edef;
		}
		
		.login-content {
		    display: flex;
		    justify-content: space-between;
		    margin-bottom: 40px;
		}
		
		.login-left {
		    flex: 1;
		}
		
		.title {
		    font-weight: 400;
			margin-top: 0;
		    margin-bottom: 40px;
			font-size: 2rem;
		}
		
		.steps {
		    position: relative;
		    padding-left: 0;
		}
		
		.steps::before {
		    content: '';
		    position: absolute;
		    left: 14px;
		    top: 15px;
		    bottom: 15px;
		    width: 1px;
		    background-color: #000;
		    z-index: 0;
		}
		
		.step-item {
		    display: flex;
		    align-items: flex-start;
		    margin-bottom: 20px;
		    position: relative;
		    z-index: 1;
		}
		
		.step-num {
		    width: 25px;
		    height: 25px;
		    border: 1px solid #000;
		    border-radius: 50%;
		    display: flex;
		    justify-content: center;
		    align-items: center;
		    background: white;
		    margin-right: 15px;
		    font-size: 14px;
		    flex-shrink: 0;
		}
		
		.step-item p {
		    margin: 0;
		    line-height: 24px;
			color: #111b21;
			font-size: 1.125rem;
			display: flex;
			align-items: center;
		}
		.step-item svg{
			border-radius: 6px;
			margin-left: 4px;
		}
		.wa-text{
			font-weight: 500;
		}
		.help-link {
		    color: #1d1f1f;
		    text-decoration: none;
			display: flex;
			align-items: center;
			font-size: 1rem;
		}
		.help-link-text{
			border-bottom: 3px solid #25D366;
		}
		.help-link:hover {
		    color: #25D366;
		}
		
		.qr-placeholder {
		    width: 228px;
		    height: 228px;
		    background-color: #fff;
		}
		
		.qr-img {
		    width: 100%;
		    height: 100%;
		    background-color: #f8f9fa; 
		    display: block;
		}
		
		.login-footer {
		    display: flex;
		    justify-content: space-between;
		    align-items: center;
		}
		
		.keep-logged-in {
		    display: flex;
		    align-items: center;
		    font-size: 14px;
		    cursor: pointer;
		}
		.keep-logged-in svg {
			margin-left: 4px;
		}
		.keep-logged-in  input {
		    -webkit-appearance: none;
		    appearance: none;
		    width: 20px;
		    height: 20px;
		    border: 2px solid #1daa61;
		    border-radius: 4px;
		    background-color: transparent;
		    cursor: pointer;
		    position: relative;
		    outline: none;
		    margin-right: 10px;
		    transition: all 0.2s ease;
		}
		
		.keep-logged-in input:checked {
		    background-color: #1daa61;
		}
		
		.keep-logged-in input:checked::after {
		    content: '';
		    position: absolute;
		    left: 6px;
		    top: 2px;
		    width: 5px;
		    height: 10px;
		    border: solid white; 
		    border-width: 0 2px 2px 0; 
		    transform: rotate(45deg);
		}
		
		.phone-login {
		    color: #111b21;
		    text-decoration: none;
		    font-weight: 500;
			display: flex;
			align-items: center;
			gap: 4px;
		}
		.phone-login:hover{
			color: #25D366;
		}
		.phone-login span{
			border-bottom: 3px solid #25D366;
		}
		.footer{
			padding-top: 20px;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			gap: 24px;
		}
		.footer-1{
			display: flex;
			align-items: center;
			font-size: 1.125rem;
		}
		.footer-2{
			display: flex;
			align-items: center;
			gap: 4px;
			color: rgba(0, 0, 0, 0.6);
		}
		.footer-link{
			text-decoration: none;
			font-size: .75rem;
			font-weight: 400;
			color: rgba(0, 0, 0, 0.6);
		}
		.footer-link:hover{
			text-decoration: underline;
		}