.pc-layout.keep-px{align-items:flex-start;background:#f5f5f5;display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.pc-layout.keep-px .pc-container{align-items:flex-start;display:flex;gap:60px;max-width:1200px;width:100%}.pc-layout.keep-px .pc-container .mobile-preview{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0003;cursor:pointer;max-height:85vh;min-height:50vh;overflow:hidden;position:relative;transition:transform .3s ease;width:375px}.pc-layout.keep-px .pc-container .mobile-preview:hover{transform:translateY(-3px)}.pc-layout.keep-px .pc-container .mobile-preview .mobile-tip-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:10}.pc-layout.keep-px .pc-container .mobile-preview .mobile-tip-overlay .mobile-tip-content{background:#fffffff2;border-radius:10px;padding:20px 30px}.pc-layout.keep-px .pc-container .mobile-preview .mobile-tip-overlay .mobile-tip-content .tip-text{color:#333;font-size:16px;font-weight:500}.pc-layout.keep-px .pc-container .mobile-preview:hover .mobile-tip-overlay{opacity:1}.pc-layout.keep-px .pc-container .qr-code-container{background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000001a;flex:1;max-width:300px;padding:20px;text-align:center}.pc-layout.keep-px .pc-container .qr-code-container .qr-code-title{color:#333;font-size:18px;font-weight:600;margin-bottom:20px}.pc-layout.keep-px .pc-container .qr-code-container .qr-code-wrapper{align-items:center;display:flex;flex-direction:column;margin-bottom:15px}.pc-layout.keep-px .pc-container .qr-code-container .qr-code-wrapper .qr-code{border:1px solid #e0e0e0;border-radius:8px;margin-bottom:10px}.pc-layout.keep-px .pc-container .qr-code-container .qr-code-desc{color:#666;font-size:14px;line-height:1.5}