.float-qr{position:fixed;right:32px;bottom:120px;z-index:999;display:flex;flex-direction:column;align-items:flex-end}.float-qr-trigger{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:44px;height:44px;border-radius:50%;background:var(--color-primary);color:#fff;cursor:pointer;box-shadow:0 4px 16px color-mix(in srgb,var(--color-primary) 30%,transparent);transition:all .3s cubic-bezier(.4,0,.2,1);border:none;outline:none}.float-qr-trigger:hover{transform:scale(1.08);box-shadow:0 6px 24px color-mix(in srgb,var(--color-primary) 40%,transparent);background:var(--color-primary-light)}.float-qr-trigger svg{flex-shrink:0}.float-qr-trigger-text{font-size:10px;font-weight:600;letter-spacing:.02em;line-height:1}.float-qr-panel{position:absolute;bottom:56px;right:0;z-index:1}.float-qr-arrow{position:absolute;bottom:-6px;right:18px;width:12px;height:12px;background:var(--color-bg-white);transform:rotate(45deg);border-right:1px solid color-mix(in srgb,var(--color-primary) 8%,transparent);border-bottom:1px solid color-mix(in srgb,var(--color-primary) 8%,transparent)}.float-qr-body{background:var(--color-bg-white);border-radius:var(--radius-lg);padding:20px;box-shadow:0 8px 32px #0000001a,0 0 0 1px color-mix(in srgb,var(--color-primary) 6%,transparent)}.float-qr-code{width:140px;height:140px;border-radius:12px;overflow:hidden;background:var(--color-bg);border:1px solid color-mix(in srgb,var(--color-primary) 8%,transparent);display:flex;align-items:center;justify-content:center}.float-qr-code img{width:100%;height:100%;object-fit:contain;display:block}.float-qr-label{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:10px;font-size:12px;font-weight:500;color:var(--color-text-secondary);white-space:nowrap}.float-qr-label svg{flex-shrink:0;color:var(--color-primary);opacity:.7}.qr-fade-enter-active{transition:all .25s cubic-bezier(.22,.61,.36,1)}.qr-fade-leave-active{transition:all .15s cubic-bezier(.4,0,.2,1)}.qr-fade-enter-from{opacity:0;transform:translateY(6px) scale(.96)}.qr-fade-leave-to{opacity:0;transform:translateY(3px) scale(.98)}@media(max-width:768px){.float-qr{right:20px;bottom:100px}.float-qr-trigger{width:40px;height:40px}.float-qr-trigger svg{width:18px;height:18px}.float-qr-code{width:120px;height:120px}.float-qr-body{padding:16px}}@media(max-width:480px){.float-qr{bottom:88px;right:20px}.float-qr-trigger{width:40px;height:40px}.float-qr-trigger svg{width:16px;height:16px}.float-qr-trigger-text{font-size:9px}.float-qr-code{width:110px;height:110px}}