body{margin:0;font-family:Arial,sans-serif}.container{background-image:linear-gradient(315deg,#fed383 4.46%,#f7e6bb 98.71%);background-position:0 0;background-repeat:no-repeat;background-size:cover;width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:20px;box-sizing:border-box}.header{font-size:15px;line-height:1.5;text-align:center;color:#333;margin-bottom:15px}.content{background:rgba(255,255,255,.9);border-radius:15px;padding:10px;max-width:500px;width:100%;box-shadow:0 4px 8px rgba(0,0,0,.1);box-sizing:border-box}.logo,.tag{height:23px;width:auto;display:block;margin:0-6px 0 5px}.logo{height:18px;margin:20px auto}.label,.title{color:#666;font-size:12px;line-height:1.5;text-align:center;margin-bottom:18px}.title{background:#f9dfa5;border-radius:24px;color:#000;font-size:14px;height:auto;padding:2px 10px;margin-bottom:20px;width:220px;display:inline-block;white-space:nowrap}.qrcode-tips-wrapper,.qrcode-wrapper{display:flex;flex-direction:column;align-items:center}.qrcode-wrapper{width:100%}.qrcode{height:210px;width:210px;margin-bottom:20px;position:relative}.code-image{border:0;display:block;height:100%;width:100%}.center-logo{height:50px;width:50px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.tips{color:#666;margin-bottom:35px;font-size:13px;text-align:center}.shop{background:#f5f5f5;border-radius:15px;padding:20px;box-sizing:border-box}.list .item,.name{color:#000;font-size:17px;line-height:1.5;margin-bottom:10px}.list{display:flex;flex-direction:column;align-items:flex-start}.list .item{color:#666;font-size:12px;white-space:nowrap}@media (max-width:768px){.qrcode{height:210px;width:210px}.center-logo{height:60px;width:60px}.title{width:180px;font-size:13px}}@media (max-width:480px){.qrcode{height:210px;width:210px}.center-logo{height:50px;width:50px}.title{width:160px;font-size:12px}.header{font-size:15px}.label,.list .item,.tips{font-size:11px}.name{font-size:15px}}