:root{--popup-max-height: 85vh;--dropdown-menu-max-height: 60vh}@supports (height: 1dvh){:root{--popup-max-height: 85dvh;--dropdown-menu-max-height: 60dvh}}.skeleton-animation{overflow:hidden}.skeleton-animation:after{position:absolute;top:0;bottom:0;left:0;width:30%;pointer-events:none;content:"";background:linear-gradient(90deg,#fff0,#ffffff8c,#fff0);transform:translate(-100%) rotate(30deg);animation:skeleton 1.2s linear infinite}@keyframes skeleton{0%{transform:translate(-120%)}to{transform:translate(334%)}}.pc-layout.keep-px{display:flex;justify-content:center;align-items:flex-start;padding:40px 20px;min-height:100vh;background:#f5f5f5}.pc-layout.keep-px .pc-container{display:flex;align-items:flex-start;width:100%;max-width:1200px;gap:60px}.pc-layout.keep-px .pc-container .mobile-preview{position:relative;overflow:hidden;border-radius:20px;width:375px;min-height:50vh;max-height:var(--popup-max-height);background:#fff;box-shadow:0 10px 30px #0003;transition:transform .3s ease;cursor:pointer}.pc-layout.keep-px .pc-container .mobile-preview:hover{transform:translateY(-3px)}.pc-layout.keep-px .pc-container .mobile-preview .mobile-tip-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;justify-content:center;align-items:center;background:var(--van-overlay-background);opacity:0;transition:opacity .3s ease}.pc-layout.keep-px .pc-container .mobile-preview .mobile-tip-overlay .mobile-tip-content{border-radius:10px;padding:20px 30px;background:#fffffff2}.pc-layout.keep-px .pc-container .mobile-preview .mobile-tip-overlay .mobile-tip-content .tip-text{font-size:16px;font-weight:500;color:#333}.pc-layout.keep-px .pc-container .mobile-preview:hover .mobile-tip-overlay{opacity:1}.pc-layout.keep-px .pc-container .qr-code-container{border-radius:15px;padding:20px;max-width:300px;text-align:center;background:#fff;box-shadow:0 5px 20px #0000001a;flex:1}.pc-layout.keep-px .pc-container .qr-code-container .qr-code-title{margin-bottom:20px;font-size:18px;font-weight:600;color:#333}.pc-layout.keep-px .pc-container .qr-code-container .qr-code-wrapper{display:flex;flex-direction:column;align-items:center;margin-bottom:15px}.pc-layout.keep-px .pc-container .qr-code-container .qr-code-wrapper .qr-code{margin-bottom:10px;border:1px solid #e0e0e0;border-radius:8px}.pc-layout.keep-px .pc-container .qr-code-container .qr-code-desc{font-size:14px;color:#666;line-height:1.5}