.page{min-height:100%;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:32px 24px 48px;background:#f5f6f8}.content{width:100%;max-width:360px;display:flex;flex-direction:column;align-items:center;text-align:center}.title{font-size:28px;font-weight:700;line-height:1.3;color:#111;letter-spacing:.02em}.subtitle{margin-top:10px;font-size:14px;line-height:1.5;color:#8c8c8c}.qr-card{margin-top:36px;padding:14px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000000f}.qr-image{display:block;width:200px;height:200px;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.hint{margin-top:14px;font-size:12px;line-height:1.5;color:#b0b0b0}.contact-btn{margin-top:28px;display:inline-flex;align-items:center;justify-content:center;width:100%;max-width:280px;height:44px;border:none;border-radius:10px;background:#008cff;color:#fff;font-size:15px;font-weight:500;text-decoration:none;cursor:pointer;transition:background .2s ease,transform .15s ease}.contact-btn:hover{background:#0077db}.contact-btn:active{transform:scale(.98)}@media (max-width: 420px){.title{font-size:24px}.qr-image{width:180px;height:180px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Segoe UI,sans-serif;background:#f5f6f8;color:#1a1a1a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font:inherit}