.qrcode-container{padding:20px 0}.qrcode-item{text-align:center;padding:20px;background:#fafafa;border-radius:8px;-webkit-transition:all .3s ease;transition:all .3s ease}.qrcode-item:hover{background:#f0f0f0;-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px rgba(0,0,0,.1)}.qrcode-title{font-size:16px;font-weight:600;color:#333;margin-bottom:16px}.qrcode-image,.qrcode-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.qrcode-image{width:100%;min-height:200px;background:#fff;border-radius:8px;padding:10px;border:1px solid #e8e8e8}.qrcode-image img{max-width:100%;height:auto;display:block}.qrcode-tips{margin-top:24px}@media screen and (max-width:768px){.qrcode-item{padding:15px;margin-bottom:16px}.qrcode-title{font-size:14px}.qrcode-image{min-height:150px}}