display: flex;
justify-content: center;
align-items: center;
background-color: #fff;
}
.qrcode-container img {
max-width: 100%;
max-height: 100%;
}
.wechat-info {
text-align: center;
margin-bottom: 20px;
}
.wechat-id {
display: flex;
align-items: center;
justify-content: center;
margin: 15px 0;
padding: 10px 20px;
background-color: #f0f0f0;
border-radius: 20px;
font-size: 16px;
cursor: pointer;
transition: all 0.3s;
}
.wechat-id:hover {
background-color: #e0e0e0;
}
.wechat-id span {
margin-right: 8px;
}
.copy-icon {
width: 16px;
height: 16px;
}
.tips {
color: #888;
font-size: 14px;
text-align: center;
margin-top: 10px;
}
.steps {
margin-top: 30px;
padding: 15px;
background-color: #f9f9f9;
border-radius: 8px;
}
.steps h3 {
margin-bottom: 10px;
font-size: 16px;
color: #333;
}
.steps ol {
padding-left: 20px;
}
.steps li {
margin-bottom: 8px;
font-size: 14px;
color: #666;
}
.toast {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: rgba(0, 0, 0, 0.7);
color: white;
padding: 10px 20px;
border-radius: 4px;
z-index: 999;
opacity: 0;
transition: opacity 0.3s;
}
.toast.show {
opacity: 1;
}
