html.studio-qr-page,html.studio-qr-page body{min-width:0!important;width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%}html.studio-qr-page #app{min-width:0;position:relative!important;width:100%;height:auto!important;min-height:100vh;min-height:100dvh;overflow:visible!important}.studio-qr-landing,.studio-qr-pay,.studio-qr-success{box-sizing:border-box;min-height:100vh;min-height:100dvh;padding:16px;padding-top:max(16px,env(safe-area-inset-top));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:max(16px,env(safe-area-inset-bottom));padding-left:max(16px,env(safe-area-inset-left));background:#f5f7fa}.studio-qr-landing .card,.studio-qr-pay .card,.studio-qr-success .card{width:100%;max-width:480px;margin:0 auto;background:#fff;padding:20px 16px;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.06)}.studio-qr-landing h2,.studio-qr-pay h2,.studio-qr-success h2{margin:0 0 8px;font-size:20px;font-weight:600;color:#303133;line-height:1.4}@media (min-width:768px){.studio-qr-landing,.studio-qr-pay,.studio-qr-success{padding:32px 24px}.studio-qr-landing .card,.studio-qr-pay .card,.studio-qr-success .card{padding:28px 24px}.studio-qr-landing h2,.studio-qr-pay h2,.studio-qr-success h2{font-size:22px}}.studio-qr-landing .sub{font-size:13px;color:#909399;margin:0 0 20px;line-height:1.6}.studio-qr-landing .el-form-item{margin-bottom:18px}.studio-qr-landing .el-form-item__label{padding:0 0 6px;line-height:1.4;font-size:14px;color:#606266}.studio-qr-landing .el-input__inner{height:44px;line-height:44px;font-size:16px;border-radius:8px}.studio-qr-landing .el-input.is-disabled .el-input__inner{color:#606266;background-color:#f5f7fa}.studio-qr-landing .submit-btn{width:100%;height:44px;margin-top:4px;font-size:16px;border-radius:8px}.studio-qr-pay{display:flex;align-items:flex-start;justify-content:center}@media (min-width:768px){.studio-qr-pay{align-items:center}}.studio-qr-pay .card{text-align:center;max-width:420px}.studio-qr-pay .title{margin:0 0 12px}.studio-qr-pay .order-brief{text-align:left;font-size:14px;color:#606266;margin-bottom:16px;padding:12px 14px;background:#f9fafc;border-radius:8px;line-height:1.8;word-break:break-all}.studio-qr-pay .order-brief p{margin:0}.studio-qr-pay .label{display:inline-block;min-width:3.2em;color:#909399}.studio-qr-pay .tip{margin-bottom:16px;color:#606266;font-size:14px;line-height:1.65;text-align:left}.studio-qr-pay .qr-wrap{display:flex;flex-direction:column;align-items:center}.studio-qr-pay .qr-wrap img{width:min(72vw,280px);height:min(72vw,280px);max-width:100%;-o-object-fit:contain;object-fit:contain;cursor:pointer;border-radius:8px;background:#fff}.studio-qr-pay .hint{margin:10px 0 14px;color:#909399;font-size:13px;line-height:1.5}.studio-qr-pay .open-img-btn{min-height:36px;padding:8px 20px;font-size:14px}.studio-qr-pay .empty{color:#999;font-size:14px}.studio-qr-success{display:flex;align-items:center;justify-content:center}.studio-qr-success .card{max-width:460px;text-align:center}.studio-qr-success .desc{margin:0;color:#606266;font-size:15px;line-height:1.6}.studio-qr-success .order-no{margin:12px 0 0;color:#909399;font-size:13px;line-height:1.5;word-break:break-all}