.pg-qr,.pg-qr .p-top{display:flex;flex-direction:column}.pg-qr .p-top{align-items:flex-start;gap:22px;padding:26px 24px 0;max-width:1440px;width:100%;margin:0 auto;flex-shrink:0}.pg-qr .brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink)}.pg-qr .brand img{width:24px;height:24px;border-radius:7px}.pg-qr .brand b{font-size:17px;font-weight:700}.pg-qr .back{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--ink2);text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:8px 15px;background:rgba(255,255,255,.55);backdrop-filter:blur(8px);transition:border-color .2s,color .2s,background .2s}.pg-qr .back:hover{color:var(--ink);border-color:rgba(30,27,36,.3);background:rgba(255,255,255,.85)}.pg-qr .wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 24px 64px;text-align:center}@media (max-width:900px){.pg-qr .p-top{padding:20px 20px 0}.pg-qr .wrap{padding:20px 20px calc(40px + env(safe-area-inset-bottom, 0px))}.pg-qr .wrap h1{font-size:22px}.pg-qr .qr-area{padding:20px}.pg-qr .alt-links{flex-wrap:wrap;gap:12px 20px}.pg-qr .alt-links a,.pg-qr .back,.pg-qr .refresh{min-height:44px;display:inline-flex;align-items:center}}.pg-qr .wrap h1{font-size:26px;font-weight:700;letter-spacing:.01em}.pg-qr .wrap .sub{margin-top:10px;font-size:13px;line-height:1.9;color:var(--ink2)}.pg-qr .qr-area{margin-top:36px;padding:28px;border:1px solid rgba(30,27,36,.16);border-radius:20px;position:relative;background:#fff}.pg-qr .qr-area img,.pg-qr .qr-area svg{display:block;width:208px;height:208px;border-radius:6px}.pg-qr .qr-placeholder{width:208px;height:208px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--ink2)}.pg-qr .qr-placeholder-error{max-width:174px;line-height:1.7;text-align:center;color:var(--accent)}.pg-qr .qr-err{margin-top:8px;font-size:12.5px;color:var(--accent)}.pg-qr .dot.off{animation:none;opacity:.35}.pg-qr .qr-done{margin-top:36px}.pg-qr .qr-clock{margin-top:14px;display:flex;align-items:baseline;justify-content:center;gap:6px;font-size:13px;color:var(--ink2)}.pg-qr .qr-clock b{font-size:15px;font-weight:700;letter-spacing:.02em;font-variant-numeric:tabular-nums;color:var(--ink)}.pg-qr .qr-clock.is-idle b{color:var(--ink2)}.pg-qr .qr-area .scanline{position:absolute;left:18px;right:18px;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:scan 2.6s ease-in-out infinite}@keyframes scan{0%,to{top:22px;opacity:0}12%{opacity:1}88%{opacity:1}50%{top:calc(100% - 24px);opacity:1}}.pg-qr .status{margin-top:22px;font-size:13px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:8px;justify-content:center}.pg-qr .status .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.35}50%{opacity:1}}.pg-qr .steps{display:block;max-width:none;margin-top:30px;font-size:12.5px;line-height:2.1;color:var(--ink2)}.pg-qr .steps b{color:var(--ink);font-weight:700}.pg-qr .alt-links{margin-top:30px;display:flex;gap:20px;justify-content:center;font-size:12.5px}.pg-qr .alt-links a{color:var(--ink2);text-decoration:none;font-weight:600}.pg-qr .alt-links a:hover,.pg-qr .refresh{color:var(--accent)}.pg-qr .refresh{margin-top:6px;font-family:inherit;font-size:12.5px;font-weight:700;background:none;border:none;cursor:pointer}.pg-qr .refresh:hover{text-decoration:underline;text-underline-offset:3px}