:root{--ink:#18314f;--blue:#1474d4;--blue-dark:#0759ad}*{box-sizing:border-box}html{background:#eef5fb}body{color:var(--ink);-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 12% 8%,#f29a802b,#0000 24rem),radial-gradient(circle at 88% 4%,#6bade52b,#0000 28rem),#eef5fb;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Arial,sans-serif}button{font:inherit}.site-shell{min-height:100vh;padding:22px 18px 44px}.toolbar{background:#fffffff0;border:1px solid #c1d5e7d9;border-radius:22px;justify-content:space-between;align-items:center;gap:24px;width:min(1120px,100%);margin:0 auto 12px;padding:18px 22px;display:flex;box-shadow:0 14px 38px #3057791c}.brand-block{min-width:230px}.eyebrow{color:#67809a;letter-spacing:.08em;margin:0 0 4px;font-size:13px;font-weight:700}.brand-block h1{color:var(--blue-dark);margin:0;font-size:clamp(22px,3vw,34px);line-height:1.1}.controls{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.controls button{cursor:pointer;touch-action:manipulation;border:0;min-height:44px}.speed-control{background:#edf3f8;border-radius:14px;grid-template-columns:1fr 1.45fr;padding:4px;display:grid}.speed-control button{color:#5e748b;background:0 0;border-radius:10px;padding:7px 12px;font-weight:700}.speed-control button.selected{color:#0759ad;background:#fff;box-shadow:0 3px 10px #3758771f}.primary-action,.download-action{border-radius:14px;padding:9px 16px;font-weight:750}.primary-action{color:#fff;background:linear-gradient(135deg,#1682e8,#0759ad);box-shadow:0 7px 16px #1474d440}.download-action{color:#214762;background:#e9f5e4;border:1px solid #cce3c1!important}.controls button:focus-visible{outline-offset:2px;outline:3px solid #ffb22c}.status{text-align:center;color:#536c84;background:#ffffffd4;border-radius:999px;width:min(760px,100% - 16px);margin:0 auto 12px;padding:10px 16px;font-size:14px}.status.error{color:#a32626;background:#fff0f0}.status-dot{background:#4aac6f;border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block}.status.error .status-dot{background:#d63d3d}.card-stage{place-items:center;display:grid}.card-wrap{aspect-ratio:1/1.4144;isolation:isolate;background:#fff;border-radius:8px;width:min(94vw,780px);position:relative;overflow:hidden;box-shadow:0 22px 55px #2a4a6733,0 2px 8px #2a4a671a}.card-image{object-fit:fill;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.hotspot{z-index:4;cursor:pointer;touch-action:manipulation;background:0 0;border:2px solid #0000;border-radius:10px;padding:0;transition:background .16s,border-color .16s,box-shadow .16s,transform .12s;position:absolute}.hotspot:hover,.hotspot:focus-visible{background:#1474d41c;border-color:#1474d457;outline:0}.hotspot:active{transform:scale(.98)}.hotspot.active{background:#ffc73159;border-color:#f0a719;animation:1.1s ease-in-out infinite audioPulse;box-shadow:0 0 0 4px #ffc7313d,0 0 18px #f0a71961}@keyframes audioPulse{50%{background:#ffd74f80;box-shadow:0 0 0 7px #ffc73121}}.live-qr{z-index:3;aspect-ratio:1;color:#627386;text-align:center;background:#fff;border-radius:5px;place-items:center;width:13.4%;padding:1.2%;font-size:clamp(7px,1.2vw,11px);display:grid;position:absolute;top:2.4%;right:6.8%;overflow:hidden}.live-qr img{width:100%;height:100%;display:block}.helper-text{text-align:center;color:#60758a;max-width:760px;margin:16px auto 0;font-size:14px}@media (width<=780px){.site-shell{padding:10px 8px 28px}.toolbar{border-radius:18px;flex-direction:column;align-items:stretch;gap:14px;padding:15px}.controls{grid-template-columns:1fr 1fr;display:grid}.speed-control{grid-column:1/-1}.primary-action,.download-action{padding-inline:10px;font-size:14px}.status{border-radius:14px;font-size:13px}.card-wrap{border-radius:5px;width:100%}.helper-text{padding-inline:12px;font-size:13px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{@page{size:A4 portrait;margin:0}html,body{background:#fff;width:210mm;height:297mm}.site-shell{min-height:0;padding:0}.toolbar,.status,.helper-text{display:none!important}.card-wrap{width:210mm;max-width:none;height:297mm;box-shadow:none;border-radius:0}.hotspot{display:none}}