:root{--cream:#fbf4e4;--ink:#2b2b2b;--gold:#ffd34d;--felt:#1f4a37;--up:#c0392b;--down:#2c7a4b}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--felt);color:#fff;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;font-family:system-ui,Microsoft JhengHei,PingFang TC,Noto Sans TC,sans-serif;font-size:16px;overflow:hidden}button{cursor:pointer;color:inherit;font-family:inherit}button:disabled{cursor:default}.hidden{display:none!important}.char{object-fit:cover;flex:none}.char-fb{background:var(--cc,#ffffff2e);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:15px;font-weight:800;display:inline-flex}.char-fb.empty{background:0 0;border:2px dashed #fff6}.av{border-radius:50%;width:48px;height:48px}img.av{background:#ffffff26}.toast{z-index:1000;color:#fff;background:#000000d1;border-radius:10px;max-width:calc(100vw - 32px);padding:8px 16px;font-size:16px;position:fixed;top:12px;left:50%;transform:translate(-50%)}#rotate{display:none}@media (orientation:portrait) and (width<=760px){#rotate{z-index:999;background:var(--felt);color:#fff;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex;position:fixed;inset:0}}.game{background:radial-gradient(75% 70% at 50% 45%,#2f6d51 0%,#255b43 50%,#1a4232 100%);position:fixed;inset:0;overflow:hidden}.stage{width:1920px;height:1080px;transform:translate(-50%, -50%) scale(var(--k,1));transform-origin:50%;--f:calc(15.5px / var(--k,1));--tap:calc(44px / var(--k,1));--mx:max(0px, calc((100vw - 1920px * var(--k,1)) / (2 * var(--k,1))));--my:max(0px, calc((100vh - 1080px * var(--k,1)) / (2 * var(--k,1))));position:absolute;top:50%;left:50%}.cd{-webkit-user-drag:none;display:block}.banner{background:#0e1218d1;border:3px solid #c9a24a;border-radius:14px;flex-direction:column;gap:2px;padding:10px 22px;display:flex;position:absolute;top:20px;left:24px}.banner .b1{font-size:max(36px, var(--f));color:#f4e6c0;white-space:nowrap;font-weight:900;line-height:1.25}.banner .b2{font-size:max(28px, var(--f));color:#e0c98f;white-space:nowrap;font-weight:700;line-height:1.25}.icons{z-index:6;gap:16px;display:flex;position:absolute;top:20px;right:24px}.icon{width:max(84px, var(--tap));height:max(84px, var(--tap));background:0 0;border:none;padding:0;position:relative}.icon img{object-fit:contain;width:100%;height:100%;display:block}.icon span{width:100%;height:100%;font-size:max(26px, var(--f));background:#0000008c;border-radius:50%;justify-content:center;align-items:center;display:flex}.icon.armed:after{content:"再按一次離開";white-space:nowrap;font-size:max(26px, var(--f));color:#fff;background:#000000d9;border-radius:10px;padding:6px 14px;position:absolute;top:110%;right:0}.avf{background:#1c2a33;border:4px solid #c9a24a;border-radius:14px;flex:none;width:120px;height:120px;position:relative;box-shadow:0 4px 10px #0006}.avf .pimg{object-fit:cover;object-position:50% 0;border-radius:10px;width:100%;height:100%;display:block}.avf .char-fb.pimg{font-size:max(26px, var(--f));border-radius:10px}.avf.away .pimg{filter:grayscale(.7)brightness(.8)}.turn .avf{box-shadow:0 0 0 6px var(--gold), 0 4px 10px #0006}.pstat{white-space:nowrap;z-index:2;color:#ffe08a;font-size:max(22px, var(--f));background:#0e1218eb;border:2px solid #c9a24a;border-radius:999px;padding:1px 10px;font-weight:800;line-height:1.25;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.plate{background:#0e1218db;border:3px solid #c9a24a;border-radius:14px;flex-direction:column;align-items:center;min-width:0;max-width:100%;padding:4px 14px;display:flex}.plate .nm{max-width:100%;font-size:max(30px, var(--f));white-space:nowrap;text-overflow:ellipsis;font-weight:800;line-height:1.3;display:block;overflow:hidden}.plate .psc{font-size:max(30px, var(--f));color:var(--gold);font-variant-numeric:tabular-nums;font-weight:900;line-height:1.25}.opp{pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:260px;display:flex;position:absolute}.opp.o3{top:232px;left:24px}.opp.o1{top:232px;right:24px}.opp.o2{flex-direction:row;gap:14px;width:auto;max-width:620px;top:44px;left:50%;transform:translate(-50%)}.opp.o2 .avf{width:112px;height:112px}.opp.o2 .plate{max-width:300px}.opp .plate{width:100%}.opp.o2 .plate{width:auto;min-width:160px}.backs{flex:none;align-items:center;gap:12px;display:flex}.backs .stack{flex:none;width:90px;height:87px;position:relative}.backs .stack .cd{border-radius:6px;width:62px;height:87px;position:absolute;top:0;box-shadow:-2px 0 4px #0000004d}.backs .stack .cd:nth-child(2){left:14px}.backs .stack .cd:nth-child(3){left:28px}.backs .cnt{font-size:max(52px, var(--f));color:#fff;text-shadow:0 3px #00000073;font-variant-numeric:tabular-nums;font-weight:900;line-height:1.1}.backs.one .cnt{font-size:max(34px, var(--f));text-shadow:none;white-space:nowrap;background:#d8342a;border:3px solid #fff;border-radius:999px;padding:4px 16px;animation:.5s ease-in-out 6 alternate onePulse}@keyframes onePulse{to{transform:scale(1.12)}}.me{pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:236px;display:flex;position:absolute;bottom:20px;left:24px}.me .avf{width:112px;height:112px}.me .plate{width:100%}.pa{pointer-events:none;align-items:center;height:196px;display:flex;position:absolute}.pa.p2{top:168px;left:50%;transform:translate(-50%)}.pa.p0{top:460px;left:50%;transform:translate(-50%)}.pa.p3{top:330px;left:320px}.pa.p1{justify-content:flex-end;top:330px;right:320px}.pa .row{flex:none;height:196px;position:relative}.pa .row .cd{border-radius:10px;width:140px;height:196px;position:absolute;top:0;box-shadow:-3px 0 6px #00000040}.pa .row.top:before{content:"";border:6px solid var(--gold);border-radius:18px;position:absolute;inset:-12px;box-shadow:0 0 0 3px #5a3c0099,0 0 18px #ffd34d8c}.pa .row.in{animation:.26s cubic-bezier(.2,.8,.2,1) both paIn}.pa.p0 .row.in{--px:0px;--py:80px}.pa.p2 .row.in{--px:0px;--py:-80px}.pa.p3 .row.in{--px:-100px;--py:0px}.pa.p1 .row.in{--px:100px;--py:0px}@keyframes paIn{0%{opacity:0;transform:translate(var(--px,0), var(--py,0)) scale(1.06)}to{opacity:1;transform:none}}.pass{color:#3a2a12;font-size:max(40px, var(--f));white-space:nowrap;background:#f4efe2;border-radius:999px;padding:10px 34px;font-weight:900;line-height:1.25;position:relative;box-shadow:0 4px #0000004d}.pass:after{content:"";border:14px solid #0000;width:0;height:0;position:absolute}.p0 .pass:after{border-top-color:#f4efe2;margin-left:-14px;bottom:-26px;left:50%}.p2 .pass:after{border-bottom-color:#f4efe2;margin-left:-14px;top:-26px;left:50%}.p3 .pass:after{border-right-color:#f4efe2;margin-top:-14px;top:50%;left:-26px}.p1 .pass:after{border-left-color:#f4efe2;margin-top:-14px;top:50%;right:-26px}.pass.in{animation:.22s cubic-bezier(.3,1.5,.5,1) both passIn}@keyframes passIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.cap{white-space:nowrap;pointer-events:none;background:#0e1218e6;border:3px solid #c9a24a;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:4px 22px 4px 16px;display:flex}.cap:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 32'%3E%3Cpath d='M3 2h18M3 30h18M5 2c0 8 7 9 7 14s-7 6-7 14M19 2c0 8-7 9-7 14s7 6 7 14' fill='none' stroke='%23ffd34d' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M8 27c1-3 3-4 4-5 1 1 3 2 4 5z' fill='%23ffd34d'/%3E%3C/svg%3E") 50%/contain no-repeat;flex:none;width:30px;height:40px}.cap b{font-size:max(52px, var(--f));color:var(--gold);font-variant-numeric:tabular-nums;font-weight:900;line-height:1.2}.cap b:empty{display:none}.cap small{font-size:max(.55em, var(--f));color:#e0c98f;margin-left:2px}.acts .cap{flex:none}.acts{z-index:12;align-items:center;gap:22px;display:flex;position:absolute;bottom:300px;left:50%;transform:translate(-50%)}.act{height:max(104px, var(--tap));min-width:210px;font-size:max(44px, var(--f));color:#fff;letter-spacing:.06em;white-space:nowrap;border:none;border-radius:999px;padding:0 34px;font-weight:900;transition:transform .1s ease-out;box-shadow:0 6px #00000059}.act:active:not(:disabled){transform:translateY(3px)}.act.pass{background:#5d6670;box-shadow:0 6px #3a4048}.act.hint{background:#3b6fb6;box-shadow:0 6px #234a80}.act.play{background:#e8954a;box-shadow:0 6px #a85d1d}.act:disabled{color:#ffffff80;background:#4c5257;box-shadow:0 6px #33383c}.must{white-space:nowrap;color:#ffe08a;font-size:max(30px, var(--f));background:#0e1218d9;border-radius:12px;padding:4px 18px;font-weight:800;line-height:1.3;position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%)}.hand{height:var(--hh,235px);touch-action:none;z-index:10;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.hc{bottom:0;left:calc(var(--i) * var(--hstep,100px));width:var(--hw,168px);height:var(--hh,235px);cursor:pointer;transition:transform .14s ease-out;position:absolute}.hc .cd{pointer-events:none;border-radius:12px;width:100%;height:100%;box-shadow:-4px 0 8px #00000047}.hc.sel{transform:translateY(calc(-1 * var(--hlift,36px)))}.hc.sel .cd{box-shadow:0 0 0 5px var(--gold), -4px 0 8px #00000047}.hc.deal{animation:.3s cubic-bezier(.2,.8,.3,1.1) both dealIn;animation-delay:calc(var(--dd,.2s) + var(--i) * 45ms)}@keyframes dealIn{0%{opacity:0;transform:translateY(60%)}to{opacity:1;transform:none}}.sortbtn{height:max(96px, var(--tap));color:#f4e6c0;min-width:180px;font-size:max(38px, var(--f));letter-spacing:.08em;z-index:6;background:#0e1218db;border:3px solid #c9a24a;border-radius:18px;padding:0 26px;font-weight:900;position:absolute;bottom:24px;right:28px}.sortbtn:active{transform:translateY(2px)}.emoji2{right:28px;bottom:calc(40px + max(96px, var(--tap)));width:max(96px, var(--tap));height:max(96px, var(--tap));z-index:6;background:#0e1218db;border:3px solid #c9a24a;border-radius:18px;padding:8px;position:absolute}.emoji2 img{object-fit:contain;width:100%;height:100%;display:block}.emoji2:disabled{opacity:.5}.stkpane{right:28px;bottom:calc(56px + 2 * max(96px, var(--tap)));z-index:15;grid-template-columns:repeat(4, max(104px, var(--tap)));background:#000000d1;border-radius:16px;gap:10px;padding:12px;display:grid;position:absolute}.stkbtn{width:max(104px, var(--tap));height:max(104px, var(--tap));background:#ffffff1f;border:none;border-radius:12px;padding:6px}.stkbtn img{object-fit:contain;width:100%;height:100%}.stkb{z-index:40;--cc:#d9b25a;width:200px;height:200px;box-shadow:inset 0 0 18px #d9b25a59, 0 0 0 2px var(--cc), 0 8px 18px #00000073;background:linear-gradient(160deg,#1b2a52,#0f1a36);border:3px solid #d9b25a;border-radius:18px;padding:20px;animation:2.8s ease-out forwards stkPop;position:absolute}.stkb img{object-fit:contain;width:160px;height:160px;display:block}.stkb:before{content:"";opacity:.35;pointer-events:none;background:url(/img/fx/pawprint.webp) 50%/contain no-repeat;width:34px;height:34px;position:absolute;bottom:8px;right:8px}.stkb:after{content:"";border:16px solid #0000;width:0;height:0;position:absolute}.stkb.t-l:after{border-right-color:#d9b25a;top:60px;left:-33px}.stkb.t-r:after{border-left-color:#d9b25a;top:60px;right:-33px}.stkb.ch-qiuqiu{--cc:#4f8fe8}.stkb.ch-feifei{--cc:#c2408a}.stkb.ch-dangdang{--cc:#3fa86b}.stkb.ch-fengfeng{--cc:#e8743a}@keyframes stkPop{0%{opacity:0;transform:scale(.85)}6%{opacity:1;transform:scale(1.12)}11%{transform:scale(1)}89%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}.fx{pointer-events:none;z-index:30;position:absolute;inset:0}.fx-call{align-items:flex-end;animation:1.15s ease-out forwards callIn;display:flex;position:absolute}.fx-call .fxc{object-fit:contain;width:auto;max-width:520px;height:380px;display:block}.fx-call .fxw{z-index:1;white-space:nowrap;color:#fff3c4;-webkit-text-stroke:12px #8a2a1a;paint-order:stroke fill;text-shadow:0 10px #3b0d05;margin:0 -30px 30px;font-size:150px;font-weight:900;line-height:1;position:relative}.fx-call.flip{flex-direction:row-reverse}.fx-call.flip .fxc{transform:scaleX(-1)}.fx-call.r0{--dx:-160px;bottom:300px;left:270px}.fx-call.r3{--dx:-160px;top:220px;left:300px}.fx-call.r1{--dx:160px;top:220px;right:300px}.fx-call.r2{--dx:160px;top:30px;right:330px}@keyframes callIn{0%{opacity:0;transform:translateX(var(--dx,0))}18%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}.fx-win{top:calc(-1 * var(--my));bottom:calc(-1 * var(--my));left:calc(-1 * var(--mx));right:calc(-1 * var(--mx));background:radial-gradient(at 50% 55%,#5032008c,#000000b8 70%);animation:2.1s ease-out forwards winFade;position:absolute;overflow:hidden}.fx-win.dragon{animation-duration:2.4s}.fx-win .wchar{left:calc(100px + var(--mx));bottom:var(--my);height:880px;animation:.4s cubic-bezier(.2,.9,.3,1) both dash;position:absolute}.fx-win .wchar img{object-fit:contain;width:auto;max-width:900px;height:100%;display:block}.fx-win .wname{white-space:nowrap;font-size:max(44px, var(--f));color:var(--gold);background:#0e1218e6;border:3px solid #c9a24a;border-radius:14px;padding:8px 36px;font-weight:900;line-height:1.2;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.fx-win .wword{right:calc(120px + var(--mx));white-space:nowrap;color:var(--gold);-webkit-text-stroke:14px #6b2a0a;paint-order:stroke fill;text-shadow:0 12px #2a0d02;font-size:260px;font-weight:900;line-height:1;animation:.45s cubic-bezier(.2,1.4,.4,1) .25s both stamp;position:absolute;top:50%;transform:translateY(-50%)}.fx-win.flip .wchar{left:auto;right:calc(100px + var(--mx));animation-name:dashR}.fx-win.flip .wchar img{transform:scaleX(-1)}.fx-win.flip .wword{right:auto;left:calc(120px + var(--mx))}.fx-win.dragon .wword{z-index:2;font-size:300px;animation-name:stampC;left:50%;right:auto}@keyframes winFade{0%{opacity:0}8%{opacity:1}86%{opacity:1}to{opacity:0}}@keyframes dash{0%{transform:translate(-1400px)}to{transform:none}}@keyframes dashR{0%{transform:translate(1400px)}to{transform:none}}@keyframes stamp{0%{opacity:0;transform:translateY(-50%)scale(1.8)}to{opacity:1;transform:translateY(-50%)scale(1)}}@keyframes stampC{0%{opacity:0;transform:translate(-50%,-50%)scale(1.8)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.handbar{left:calc(-1 * var(--mx,0px));right:calc(-1 * var(--mx,0px));bottom:calc(-1 * var(--my,0px));height:calc(var(--hh,235px) + 44px + var(--my,0px));pointer-events:none;background:linear-gradient(#281b11f2,#160f0afa);border-top:4px solid #c9a24a;position:absolute;box-shadow:0 -8px 20px #00000073}.tturn{z-index:3;white-space:nowrap;color:#3a2208;font-size:max(24px, var(--f));background:linear-gradient(#ffe08a,#e0a93a);border:2px solid #fff4cf;border-radius:999px;padding:2px 14px;font-weight:900;line-height:1.25;animation:1.1s ease-in-out infinite tturnPulse;position:absolute;top:0;left:50%;transform:translate(-50%,-62%);box-shadow:0 0 14px 4px #ffd25abf}.tturn b{font-variant-numeric:tabular-nums;margin-left:6px}.tturn b:empty{display:none}@keyframes tturnPulse{50%{box-shadow:0 0 22px 8px #ffd25af2}}.pings{right:calc(24px + 2 * max(84px, var(--tap)) + 30px);z-index:5;font-size:max(22px, var(--f));color:#f4e6c0;pointer-events:none;background:#0e1218c7;border:2px solid #c9a24ab3;border-radius:12px;flex-direction:column;gap:2px;padding:6px 14px;line-height:1.25;display:flex;position:absolute;top:20px}.pg{white-space:nowrap;align-items:center;gap:8px;display:flex}.pg i{background:#8a8a8a;border-radius:50%;flex:none;width:.55em;height:.55em}.pg b{text-align:right;font-variant-numeric:tabular-nums;min-width:2.6em;margin-left:auto}.pg b:after{content:"ms";color:#cdbb8f;margin-left:2px;font-size:.75em}.pg.ok i{background:#4cd07a}.pg.mid i{background:#f2c447}.pg.bad i{background:#f0553e}.pg.down{color:#9a9a9a}.pg.down b:after,.pg.stale b:after,.pg:not(.ok):not(.mid):not(.bad) b:after{content:""}.hc.pulling{z-index:5;transition:none}.hc.pullout .cd{box-shadow:0 0 0 5px var(--gold), 0 0 26px 10px #ffd66eb3}.hc.pullout{transform:translateY(calc(-1 * var(--hlift,36px)))}.ov{z-index:900;color:#fff;--u:min(calc(100vw / 1440), calc(100vh / 900));--brush:"DFKai-SB", "BiauKai", "標楷體", "Kaiti TC", serif;--red:#ff6b5b;--green:#5fd38a;--gold:#ffd34d;-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden}.ov-out{animation:.26s forwards ovOut}@keyframes ovOut{to{opacity:0}}.ov-skip,.ov-skip *{animation-duration:1ms!important;animation-delay:0s!important}.ov-skip.ov-out{animation-duration:.26s!important}.ov-you{min-width:max(26px, calc(52 * var(--u)));height:max(22px, calc(40 * var(--u)));padding:0 calc(8 * var(--u));border-radius:calc(8 * var(--u));color:#fff;font-size:max(15px, calc(26 * var(--u)));background:#d8342a;border:2px solid #fff;flex:none;justify-content:center;align-items:center;font-weight:900;line-height:1;display:inline-flex}.ov-art-tag_you .ov-you{color:#0000;min-width:0;width:max(30px, calc(54 * var(--u)));height:max(34px, calc(60 * var(--u)));background:url(/img/ui/tag_you.webp) 50%/contain no-repeat;border:0;border-radius:0;padding:0}.ov-btn{height:max(36px, calc(72 * var(--u)));padding:0 calc(40 * var(--u));border-radius:calc(16 * var(--u));font-size:max(16px, calc(32 * var(--u)));letter-spacing:.06em;color:#4a3517;box-shadow:0 calc(5 * var(--u)) 0 #b8955a;cursor:pointer;align-items:center;gap:calc(14 * var(--u));background:#f3e3c0;border:none;font-family:inherit;font-weight:800;display:inline-flex}.ov-btn.main{color:#fff;box-shadow:0 calc(5 * var(--u)) 0 #a85d1d;background:#e8954a}.ov-btn:active:not(:disabled){transform:translateY(calc(3 * var(--u)));box-shadow:0 calc(2 * var(--u)) 0 #a85d1d}.ov-btn:disabled{opacity:.5;cursor:default}.ov-btn .cdn{background:#00000040;border-radius:50%;justify-content:center;align-items:center;min-width:1.6em;height:1.6em;font-size:.8em;display:inline-flex;font-size:max(15px,.8em)!important}.ov .char-fb{font-size:max(16px, calc(40 * var(--u)))}.ovs{cursor:pointer;background:#0b0a12}.ovs-p{background:linear-gradient(var(--ang,160deg), var(--pc) 0%, var(--pc2) 100%);animation:.45s cubic-bezier(.2,.8,.2,1) both ovsIn;animation-delay:var(--d);position:absolute;inset:0;overflow:hidden}.ovs-p.r2{clip-path:polygon(10% 0,100% 0,100% 8%,51.5% 51%);--fx:0;--fy:-30%}.ovs-p.r1{clip-path:polygon(100% 8%,100% 100%,90% 100%,51.5% 51%);--fx:30%;--fy:0}.ovs-p.r0{clip-path:polygon(51.5% 51%,90% 100%,0 100%,0 96%);--fx:0;--fy:30%;--ang:20deg}.ovs-p.r3{clip-path:polygon(0 0,10% 0,51.5% 51%,0 96%);--fx:-30%;--fy:0}@keyframes ovsIn{0%{transform:translate(var(--fx), var(--fy));opacity:0}to{opacity:1;transform:none}}.ovs-c{width:auto;height:88vh;position:absolute;transform:translate(-50%)}.ovs-p.r2 .ovs-c{top:1%;left:62%}.ovs-p.r1 .ovs-c{top:17%;left:84%}.ovs-p.r0 .ovs-c{height:96vh;top:50%;left:44%}.ovs-p.r3 .ovs-c{top:9%;left:20%}.ovs-p .char-fb.ovs-c{width:34vh;height:34vh}.ovs-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ovs-lines line{stroke:#0b0a12;stroke-width:calc(26 * var(--u));vector-effect:non-scaling-stroke}.ovs-plate{align-items:center;gap:calc(16 * var(--u));padding:calc(10 * var(--u)) calc(70 * var(--u)) calc(10 * var(--u)) calc(14 * var(--u));font-size:max(16px, calc(40 * var(--u)));white-space:nowrap;animation:.4s ease-out both ovsPlate;animation-delay:calc(var(--d) + .2s);background:linear-gradient(90deg,#000000d1 0%,#000000b3 70%,#0000 100%);font-weight:800;display:flex;position:absolute}@keyframes ovsPlate{0%{transform:translateX(calc(-40 * var(--u)));opacity:0}to{opacity:1;transform:none}}.ovs-plate .nm{min-width:0;overflow:hidden}.ovs-plate.r2{max-width:58vw;top:6%;left:25%}.ovs-plate.r1{max-width:23vw;top:72%;right:0}.ovs-plate.r0{max-width:58vw;bottom:3%;left:14%}.ovs-plate.r3{max-width:33vw;top:54%;left:0}.ovs-vs{width:calc(380 * var(--u));height:calc(380 * var(--u));margin:calc(-190 * var(--u)) 0 0 calc(-190 * var(--u));animation:.38s cubic-bezier(.3,1.4,.5,1) .55s both ovStamp;position:absolute;top:51%;left:51.5%}.ovs-vs b{font-family:var(--brush);font-size:calc(240 * var(--u));color:#e3241c;-webkit-text-stroke:calc(8 * var(--u)) #fff;paint-order:stroke fill;text-shadow:0 calc(8 * var(--u)) 0 #2a0505;font-weight:900;line-height:1;position:absolute}.ovs-vs b:first-child{top:0;left:0}.ovs-vs b:last-child{bottom:0;right:0}.ov-art-vs .ovs-vs{width:calc(640 * var(--u));height:calc(364 * var(--u));margin:calc(-182 * var(--u)) 0 0 calc(-320 * var(--u));background:url(/img/ui/vs.webp) 50%/contain no-repeat}.ov-art-vs .ovs-vs b{visibility:hidden}@keyframes ovStamp{0%{opacity:0;transform:scale(2.6)rotate(-8deg)}70%{opacity:1;transform:scale(.92)rotate(0)}to{opacity:1;transform:scale(1)}}.ovs-ring{width:calc(360 * var(--u));height:calc(360 * var(--u));margin:calc(-180 * var(--u)) 0 0 calc(-180 * var(--u));border:calc(10 * var(--u)) solid #ffdcdcd9;border-radius:50%;animation:.5s ease-out .82s both ovRing;position:absolute;top:51%;left:51.5%}@keyframes ovRing{0%{opacity:.9;transform:scale(.5)}to{opacity:0;transform:scale(1.7)}}.ov-petal{width:calc(26 * var(--u));height:calc(18 * var(--u));opacity:0;animation:ovPetal var(--t) cubic-bezier(.15,.7,.4,1) var(--pd) both;background:#ffb3c8;border-radius:0 80%;position:absolute;top:51%;left:51.5%}@keyframes ovPetal{0%{opacity:0;transform:translate(0)rotate(0)}15%{opacity:1}to{transform:translate(var(--dx), var(--dy)) rotate(var(--r));opacity:0}}.ov{--S:1.2}@media (height<=600px){.ov{--S:1.8;--B:8%}}.ovr-band{left:0;right:0;top:var(--B,0%);bottom:calc(-1 * var(--B,0%));clip-path:polygon(0 calc(50% + (49.1% - 50%) * var(--S)), 100% calc(50% + (21.9% - 50%) * var(--S)), 100% calc(50% + (50.9% - 50%) * var(--S)), 0 calc(50% + (78% - 50%) * var(--S)));background:#e07a2e;animation:.4s cubic-bezier(.2,.8,.2,1) both ovBand;position:absolute}.ovr-band:after{content:"";clip-path:polygon(0 calc(50% + (51.9% - 50%) * var(--S)), 100% calc(50% + (24.8% - 50%) * var(--S)), 100% calc(50% + (48% - 50%) * var(--S)), 0 calc(50% + (75% - 50%) * var(--S)));background:linear-gradient(170deg,#213a66 0%,#172b50 60%,#12223f 100%);position:absolute;inset:0}.ov-art-result_bg .ovr-band{clip-path:none;background:url(/img/ui/result_bg.webp) center / 100% calc(100% * var(--S)) no-repeat}.ov-art-result_bg .ovr-band:after{content:none}@keyframes ovBand{0%{opacity:0;transform:translate(-30%)}to{opacity:1;transform:none}}@keyframes ovRise{0%{opacity:0;transform:translateY(12%)}to{opacity:1;transform:none}}@keyframes ovLine{0%{transform:translateX(calc(-50 * var(--u)));opacity:0}to{opacity:1;transform:none}}@keyframes ovFade{0%{opacity:0;transform:translateY(calc(16 * var(--u)))}to{opacity:1;transform:none}}.ovc{cursor:pointer;background:#04081280}.ovc-arrows{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ovc-arrow path{fill:none;stroke-linecap:round;stroke-linejoin:round}.ovc-arrow .a-glow,.ovc-arrow .a-edge,.ovc-arrow .a-line{stroke-dasharray:1;stroke-dashoffset:1px;animation:ovDraw .4s cubic-bezier(.4,0,.2,1) var(--ad) forwards}.ovc-arrow .a-glow{stroke:#ff5a4638}.ovc-arrow .a-edge{stroke:#6e0d09}.ovc-arrow .a-line{stroke:#d8342c}.ovc-arrow .a-head{fill:#e0382f;stroke:#6e0d09;opacity:0;animation:ovHead .22s cubic-bezier(.3,1.6,.5,1) calc(var(--ad) + .34s) forwards}@keyframes ovDraw{to{stroke-dashoffset:0}}@keyframes ovHead{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}.ovc-fish{width:max(28px, calc(56 * var(--u)));pointer-events:none;offset-rotate:0deg;offset-distance:0%;opacity:0;height:auto;animation:ovFish .55s cubic-bezier(.4,0,.2,1) var(--ad) forwards;position:absolute;top:0;left:0}@keyframes ovFish{0%{offset-distance:0%;opacity:0}15%{opacity:1}85%{opacity:1}to{offset-distance:100%;opacity:0}}.ovc-p{width:max(340px, calc(600 * var(--u)));height:max(46px, calc(102 * var(--u)));position:absolute;transform:translate(-50%,-50%)}.ovc-p.r0{top:77%;left:50%}.ovc-p.r1{top:50%;left:75%}.ovc-p.r2{top:23%;left:50%}.ovc-p.r3{top:50%;left:25%}.ovc-in{align-items:center;gap:calc(16 * var(--u));padding:0 calc(96 * var(--u)) 0 calc(max(62px, calc(128 * var(--u))) + calc(30 * var(--u)));animation:.32s cubic-bezier(.3,1.4,.5,1) both ovPop;animation-delay:var(--d);display:flex;position:absolute;inset:0}@keyframes ovPop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.ovc-in:before{content:"";z-index:-1;border-radius:calc(10 * var(--u));box-shadow:0 0 0 calc(4 * var(--u)) #d9b46a, 0 calc(8 * var(--u)) 0 #00000059;background:linear-gradient(#23365f 0%,#2d4677 55%,#1f3156 100%);position:absolute;inset:0;transform:skew(-14deg)}.ov-art-score_panel .ovc-in:before{box-shadow:none;background:url(/img/ui/score_panel.webp) 50%/100% 100% no-repeat;border-radius:0;transform:none}.ovc-in{isolation:isolate}.ovc-av{left:calc(14 * var(--u));margin-top:max(-31px, calc(-64 * var(--u)));width:max(62px, calc(128 * var(--u)));height:max(62px, calc(128 * var(--u)));border-radius:calc(12 * var(--u));box-shadow:0 0 0 calc(4 * var(--u)) #d9b46a;background:#f3e3c0;position:absolute;top:50%;overflow:hidden}.ovc-av .av,.ovc-av .char-fb{border-radius:0;width:100%;height:100%}.ovc-nm{align-items:center;gap:calc(10 * var(--u));min-width:0;font-size:max(15px, calc(32 * var(--u)));white-space:nowrap;flex:1;font-weight:800;display:flex}.ovc-nm span{text-overflow:ellipsis;min-width:0;overflow:hidden}.ovc-sc{text-align:right;font-size:max(22px, calc(56 * var(--u)));font-variant-numeric:tabular-nums;text-shadow:0 calc(3 * var(--u)) 0 #0000008c;flex:none;font-weight:900;line-height:1.25}.ovc-d{right:calc(110 * var(--u));margin-bottom:calc(2 * var(--u));font-size:max(18px, calc(42 * var(--u)));font-variant-numeric:tabular-nums;text-shadow:0 calc(3 * var(--u)) 0 #000000b3;padding:calc(2 * var(--u)) calc(12 * var(--u));background:#050a18c7;border-radius:999px;font-weight:900;line-height:1.15;animation:.3s ease-out .45s both ovFade;position:absolute;bottom:100%}.ovc-d.up{color:var(--red)}.ovc-d.bot{margin:calc(4 * var(--u)) 0 0;top:100%;bottom:auto}.ovc-d.down{color:var(--green)}.ovf{background:radial-gradient(at 25% 60%,#2b3f6e 0%,#121b33 60%,#0a1022 100%)}.ovf-char{object-fit:contain;object-position:left bottom;width:auto;max-width:46vw;height:88vh;animation:.55s cubic-bezier(.2,.8,.2,1) .2s both ovRise;position:absolute;bottom:0;left:-2vw}.ovf .char-fb.ovf-char{width:44vh;height:44vh;bottom:20vh;left:6vw}.ovf-crown{width:max(64px, calc(150 * var(--u)));height:max(64px, calc(150 * var(--u)));color:#6b3b00;box-shadow:0 0 0 calc(6 * var(--u)) #fff3c4;font-family:var(--brush);font-size:max(30px, calc(84 * var(--u)));background:radial-gradient(circle,#ffe68a 0%,#e7a92a 70%);border-radius:50%;justify-content:center;align-items:center;font-weight:900;animation:.38s cubic-bezier(.3,1.4,.5,1) .6s both ovStamp;display:flex;position:absolute;top:6vh;left:4vw}.ovf-list{top:9vh;left:42vw;right:4vw;bottom:max(26vh, calc(4vh + 72 * var(--u) + 4vh));justify-content:center;gap:calc(16 * var(--u));flex-direction:column;display:flex;position:absolute}.ovf-row{align-items:center;gap:calc(22 * var(--u));height:max(50px, calc(118 * var(--u)));padding:0 calc(36 * var(--u)) 0 calc(20 * var(--u));border-radius:calc(18 * var(--u));box-shadow:inset 0 0 0 calc(3 * var(--u)) #ffffff1f;animation:.35s cubic-bezier(.2,.8,.2,1) both ovLine;animation-delay:var(--d);background:#050a189e;display:flex}.ovf-row.r0{height:max(60px, calc(146 * var(--u)));box-shadow:inset 0 0 0 calc(4 * var(--u)) #e7b84a;background:linear-gradient(90deg,#78500ad9,#281c06cc)}.ovf-rk{width:max(34px, calc(76 * var(--u)));height:max(34px, calc(76 * var(--u)));font-size:max(18px, calc(44 * var(--u)));color:#2b1d05;background:#9aa4b8;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:900;display:flex}.ovf-row.r0 .ovf-rk{background:radial-gradient(circle,#ffe68a,#e7a92a)}.ovf-row.r1 .ovf-rk{background:radial-gradient(circle,#f4f6fa,#aab4c6)}.ovf-row.r2 .ovf-rk{background:radial-gradient(circle,#f2c79a,#b67a42)}.ovf-row .av{width:max(42px, calc(96 * var(--u)));height:max(42px, calc(96 * var(--u)));background:#ffffff26;border-radius:50%;flex:none}.ovf-row.r3 .av{filter:grayscale(.6)}.ovf-nm{align-items:center;gap:calc(14 * var(--u));min-width:0;font-size:max(16px, calc(40 * var(--u)));white-space:nowrap;flex:1;font-weight:800;display:flex}.ovf-nm span{text-overflow:ellipsis;min-width:0;overflow:hidden}.ovf-sc{font-size:max(20px, calc(54 * var(--u)));font-variant-numeric:tabular-nums;font-weight:900}.ovf-row.r0 .ovf-nm{font-size:max(18px, calc(46 * var(--u)))}.ovf-row.r0 .ovf-sc{font-size:max(24px, calc(64 * var(--u)))}.ovf-sc{align-items:baseline;gap:calc(14 * var(--u));display:flex}.ovf-sc small{font-size:max(15px, calc(26 * var(--u)));font-weight:800}.ovf-sc small.up{color:var(--red)}.ovf-sc small.down{color:var(--green)}.ovf-last{object-fit:contain;object-position:left bottom;width:auto;max-width:25vw;height:24vh;animation:.35s ease-out .9s both ovFade;position:absolute;bottom:1vh;left:38vw}.ovf-btns{gap:calc(28 * var(--u));animation:.3s ease-out 1.1s both ovFade;display:flex;position:absolute;bottom:4vh;right:4vw}.ovb{background:#060a16e0}.ovb-st{width:1920px;height:1080px;transform:translate(-50%, -50%) scale(var(--k,1));transform-origin:50%;--f:calc(15.5px / var(--k,1));flex-direction:column;justify-content:flex-start;gap:16px;padding:30px 70px 0;display:flex;position:absolute;top:50%;left:50%}.ovb-row{height:210px;animation:.32s cubic-bezier(.2,.8,.2,1) both ovbIn;animation-delay:var(--d);background:#ffffff0f;border-radius:18px;align-items:center;gap:28px;padding:0 24px;display:flex;position:relative;box-shadow:inset 0 0 0 3px #ffffff14}.ovb-row.win{background:linear-gradient(90deg,#78500ab3,#281c068c);box-shadow:inset 0 0 0 4px #e7b84a}@keyframes ovbIn{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:none}}.ovb-av{background:#f3e3c0;border-radius:16px;flex:none;width:132px;height:132px;overflow:hidden;box-shadow:0 0 0 4px #d9b46a}.ovb-av .av,.ovb-av .char-fb{object-fit:cover;border-radius:0;width:100%;height:100%;display:block}.ovb-txt{flex-direction:column;flex:none;gap:10px;width:560px;min-width:0;display:flex}.ovb-l1{min-width:0;font-size:max(40px, var(--f));white-space:nowrap;align-items:center;gap:14px;font-weight:800;line-height:1.25;display:flex}.ovb-l1 .nm{text-overflow:ellipsis;min-width:0;overflow:hidden}.ovb-l1 .ov-you{font-size:max(26px, var(--f));border-radius:8px;width:auto;min-width:0;height:auto;padding:2px 10px}.ov-art-tag_you .ovb-l1 .ov-you{width:max(62px, calc(28px / var(--k,1)));height:max(68px, calc(31px / var(--k,1)));padding:0}.ovb-l2{font-size:max(34px, var(--f));color:#f6e7c4;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:700;line-height:1.25}.ovb-title{font-size:max(56px, var(--f));color:var(--gold);text-shadow:0 4px #6b3b00;font-weight:900}.ovb-cards{flex:none;height:196px;position:relative}.ovb-cards .cd{width:140px;height:196px;animation:.28s cubic-bezier(.2,.8,.2,1.2) both ovbDrop;animation-delay:var(--d);border-radius:10px;position:absolute;top:0;box-shadow:-3px 0 6px #00000047}.ovb-cards .cd.two{outline:5px solid var(--gold);outline-offset:-2px}@keyframes ovbDrop{0%{opacity:0;transform:translateY(-30%)}to{opacity:1;transform:none}}.ovb-d{text-align:right;min-width:200px;font-size:max(64px, var(--f));font-variant-numeric:tabular-nums;text-shadow:0 4px #0009;flex:none;margin-left:auto;font-weight:900;line-height:1.2}.ovb-d.up{color:var(--red)}.ovb-d.down{color:var(--green)}.ovb-next{height:max(96px, calc(44px / var(--k,1)));font-size:max(40px, var(--f));border-radius:18px;gap:18px;padding:0 48px;animation:.3s ease-out .8s both ovFade;position:absolute;bottom:30px;right:70px}.ovb-next .cdn{font-size:max(.8em, var(--f))!important}.ql,.qr{--u:min(calc(100vw / 1440), calc(100vh / 900));--gold:#f2c86b;--gold-d:#9a6a26;--navy:#17213d;--kai:"DFKai-SB", "BiauKai", "Kaiti TC", "STKaiti", "KaiTi", serif;color:#fff;position:fixed;inset:0;overflow:hidden}.ql img,.qr img{-webkit-user-drag:none}.qs-round{width:max(44px, calc(64 * var(--u)));height:max(44px, calc(64 * var(--u)));border:max(2px, calc(3 * var(--u))) solid var(--gold);color:var(--gold);box-shadow:0 calc(4 * var(--u)) 0 #00000059;background:#17213dd1;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;transition:transform .12s;display:inline-flex}.qs-round svg{width:58%;height:58%}.qs-round:active{transform:scale(.92)}.qs-chip{width:max(44px, calc(84 * var(--u)));height:max(44px, calc(84 * var(--u)));box-shadow:0 0 0 max(2px, calc(3 * var(--u))) #00000040;background:#ffffffd9;border:none;border-radius:50%;flex:none;padding:0;transition:transform .15s;position:relative}.qs-chip .qs-av,.qs-chip .char-fb{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.qs-chip.on{box-shadow:0 0 0 max(3px, calc(5 * var(--u))) var(--gold);transform:translateY(calc(-4 * var(--u)))}.qs-chip:disabled{opacity:.35}@media (hover:hover){.qs-chip:hover:not(:disabled):not(.on){transform:translateY(calc(-4 * var(--u)))}}.ql{background:#1d1f45 url(/img/bg_lobby_b2v2.webp) 50%/cover no-repeat}.ql-logo{z-index:3;left:calc(36 * var(--u));top:calc(24 * var(--u));height:calc(140 * var(--u));width:auto;position:absolute}.ql-logotxt{z-index:3;left:calc(36 * var(--u));top:calc(24 * var(--u));height:auto;font:900 max(28px, calc(64 * var(--u))) / 1 var(--kai);color:#fff;text-shadow:0 calc(4 * var(--u)) 0 #a85d1d, 0 0 calc(10 * var(--u)) #00000080;position:absolute}.ql-gear{z-index:3;right:calc(36 * var(--u));top:calc(28 * var(--u));position:absolute}.ql-hero{z-index:1;left:calc(20 * var(--u));bottom:calc(30 * var(--u));width:calc(980 * var(--u));position:absolute}.ql-signs{z-index:2;right:max(2vw, calc(50 * var(--u)));top:calc(130 * var(--u));bottom:calc(40 * var(--u));width:calc(380 * var(--u));justify-content:center;gap:calc(16 * var(--u));flex-direction:column;display:flex;position:absolute}.ql-item{flex-direction:column;align-items:stretch;display:flex;position:relative}.ql-sign{height:calc(104 * var(--u));color:#fff;border:calc(4 * var(--u)) solid var(--gold);border-radius:calc(8 * var(--u));background:var(--sc,#2d4a8a);background-image:repeating-linear-gradient(135deg, #ffffff0d 0 calc(10 * var(--u)), transparent calc(10 * var(--u)) calc(20 * var(--u)));box-shadow:0 calc(7 * var(--u)) 0 var(--gold-d), 0 calc(12 * var(--u)) calc(16 * var(--u)) #00000059;clip-path:polygon(0 0,100% 0,96% 50%,100% 100%,0 100%,4% 50%);justify-content:center;align-items:center;padding:0;transition:transform .15s ease-out;animation:.4s ease-out backwards ql-in;display:flex;position:relative}.ql-item:nth-child(2) .ql-sign{--sc:#8a3b2e;animation-delay:50ms}.ql-item:nth-child(3) .ql-sign{--sc:#6e3768;animation-delay:.1s}.ql-item:nth-child(4) .ql-sign{--sc:#2c6455;animation-delay:.15s}.ql-txt{font:900 max(22px, calc(54 * var(--u))) / 1 var(--kai);letter-spacing:.12em;text-shadow:0 calc(3 * var(--u)) 0 #0000008c;padding-left:.12em}.ql-sign.img-ok{box-shadow:none;clip-path:none;height:calc(136 * var(--u));background:0 0;border:none}.ql-sign.img-ok .ql-txt{display:none}.ql-art{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ql-sign:active{transform:scale(.97)}@media (hover:hover){.ql-sign:hover{transform:translateX(calc(-10 * var(--u)))}}@keyframes ql-in{0%{transform:translateX(calc(60 * var(--u)))}}.ql-joinform{align-items:center;gap:calc(10 * var(--u));height:calc(124 * var(--u));padding:0 calc(14 * var(--u));border-radius:calc(8 * var(--u));border:calc(4 * var(--u)) solid var(--gold);background:#17213de6;animation:.2s ease-out ql-pop;display:flex}.ql-code{min-width:0;height:72%;font:800 max(18px, calc(40 * var(--u))) / 1 system-ui, sans-serif;letter-spacing:.3em;text-align:center;text-transform:uppercase;border-radius:calc(8 * var(--u));color:var(--navy);-webkit-user-select:text;user-select:text;background:#fbf4e4;border:none;flex:1}.ql-code::placeholder{letter-spacing:.1em;color:#b9a882}.ql-go{height:72%;padding:0 calc(22 * var(--u));border-radius:calc(8 * var(--u));color:#fff;font-weight:900;font-size:max(16px, calc(30 * var(--u)));box-shadow:0 calc(4 * var(--u)) 0 #a85d1d;background:#e8954a;border:none}.ql-x{width:max(36px, calc(52 * var(--u)));height:72%;color:var(--gold);font-size:max(22px, calc(40 * var(--u)));background:0 0;border:none;padding:0}@keyframes ql-pop{0%{opacity:0;transform:scale(.94)}}.ql-me{z-index:3;right:calc(36 * var(--u) + max(44px, calc(64 * var(--u))) + calc(16 * var(--u)));top:calc(28 * var(--u));align-items:center;gap:calc(18 * var(--u));border-radius:calc(60 * var(--u));border:max(1px, calc(2 * var(--u))) solid #f2c86bb3;background:0 0;padding:0;display:flex;position:absolute}.ql-name{width:max(150px, calc(260 * var(--u)));height:max(40px, calc(64 * var(--u)));padding:0 calc(18 * var(--u));border-radius:calc(40 * var(--u));border:max(2px, calc(3 * var(--u))) solid var(--gold);color:var(--navy);font:800 max(16px, calc(30 * var(--u))) / 1 system-ui, "Microsoft JhengHei", sans-serif;-webkit-user-select:text;user-select:text;background:#fbf4e4;min-width:0}.qr{gap:calc(18 * var(--u));padding:calc(20 * var(--u)) max(16px, calc(36 * var(--u))) calc(22 * var(--u));background:linear-gradient(#0a0c1e6b,#0a0c1e8c),#1b1d3a url(/img/bg_lobby_b2v2.webp) 50%/cover no-repeat;flex-direction:column;display:flex}.qr-top{min-height:max(44px, calc(70 * var(--u)));justify-content:space-between;align-items:center;display:flex;position:relative}.qr-code{align-items:center;gap:calc(14 * var(--u));padding:calc(4 * var(--u)) calc(10 * var(--u)) calc(4 * var(--u)) calc(28 * var(--u));border-radius:calc(40 * var(--u));border:max(1px, calc(2 * var(--u))) solid #f2c86bb3;background:#17213dc7;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.qr-codelbl{font:900 max(16px, calc(30 * var(--u))) / 1 var(--kai);color:#f6e7c4}.qr-codeval{font:900 max(22px, calc(44 * var(--u))) / 1.1 system-ui, sans-serif;letter-spacing:.18em;color:#fff}.qr-share{width:max(40px, calc(56 * var(--u)));height:max(40px, calc(56 * var(--u)))}.qr-tr{gap:calc(14 * var(--u));display:flex}.qr-mid{gap:max(10px, calc(22 * var(--u)));flex:1;min-height:0;display:flex}.qr-cards{gap:max(8px, calc(20 * var(--u)));flex:1;grid-template-columns:repeat(4,1fr);min-width:0;display:grid;position:relative}.qr-card{border-radius:calc(10 * var(--u));border:max(2px, calc(4 * var(--u))) solid #c89a52;min-width:0;min-height:0;box-shadow:inset 0 0 0 max(1px, calc(2 * var(--u))) #ffe6aa40, 0 calc(8 * var(--u)) calc(18 * var(--u)) #0006;background:radial-gradient(at 50% 35%,#5a78be59,#0000 65%),linear-gradient(#22305a,#141c35);position:relative;overflow:hidden}.qr.enter .qr-card{animation:.42s ease-out backwards qr-in;animation-delay:calc(var(--i) * 70ms)}@keyframes qr-in{0%{transform:translateY(calc(40 * var(--u)))}}.qr-card.mine{border-color:var(--gold);box-shadow:0 0 0 max(2px, calc(3 * var(--u))) #f2c86b8c, 0 calc(8 * var(--u)) calc(18 * var(--u)) #0006}.qr-card.img-ok{box-shadow:none;background:0 0;border:none}.qr-frame{object-fit:fill;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.qr-card.empty:not(.img-ok){background:linear-gradient(#22305ab8,#141c35cc)}.qr-fig{justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:10% 6% 15%}.qr-fig .qr-char{object-fit:contain;object-position:50% 100%;width:100%;height:100%}.qr-fig .char-fb{aspect-ratio:1;width:80%;height:auto;font-size:max(18px, calc(32 * var(--u)));margin-bottom:30%}.qr-nochar{width:calc(150 * var(--u));height:calc(150 * var(--u));border:max(2px, calc(3 * var(--u))) dashed #ffffff73;color:#fff9;font-size:max(24px, calc(64 * var(--u)));border-radius:50%;justify-content:center;align-items:center;font-weight:900;display:flex;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.qr-host,.qr-you,.qr-stamp{z-index:2;justify-content:center;align-items:center;display:flex;position:absolute}.qr-badgeimg{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.qr-host.img-ok>span,.qr-you.img-ok>span,.qr-stamp.img-ok>span{visibility:hidden}.qr-host{left:calc(12 * var(--u));top:calc(12 * var(--u));width:max(44px, calc(84 * var(--u)));height:max(44px, calc(84 * var(--u)));border:max(2px, calc(3 * var(--u))) solid var(--gold);background:#1a1410;border-radius:50%}.qr-host.img-ok{background:0 0;border:none}.qr-hosttxt{font:900 max(15px, calc(28 * var(--u))) / 1 var(--kai);color:var(--gold)}.qr-you{right:calc(12 * var(--u));top:calc(14 * var(--u));min-width:max(36px, calc(60 * var(--u)));height:max(28px, calc(46 * var(--u)));padding:0 calc(12 * var(--u));border-radius:calc(10 * var(--u));border:max(2px, calc(3 * var(--u))) solid #fff;background:#3b6fb6}.qr-you.img-ok{width:max(34px, calc(60 * var(--u)));height:max(38px, calc(67 * var(--u)));background:0 0;border:none;min-width:0;padding:0;top:13%;right:15%}.qr-youtxt{font-weight:900;font-size:max(15px, calc(26 * var(--u)))}.qr-stamp{right:calc(10 * var(--u));width:max(80px, calc(150 * var(--u)));height:max(40px, calc(72 * var(--u)));border:max(2px, calc(5 * var(--u))) solid #46c65a;border-radius:calc(10 * var(--u));background:#143c1e59;bottom:17%;transform:rotate(-14deg)}.qr-stamp.img-ok{background:0 0;border:none}.qr-stamptxt{font:900 max(18px, calc(40 * var(--u))) / 1 var(--kai);color:#62e477;letter-spacing:.1em;text-shadow:0 0 calc(4 * var(--u)) #0009}@keyframes qr-stamp{0%{transform:rotate(-14deg)scale(1.6)}}.qr-plate{z-index:2;height:15%;min-height:max(44px, calc(70 * var(--u)));justify-content:center;align-items:center;gap:calc(10 * var(--u));padding:0 calc(10 * var(--u));background:linear-gradient(#0000,#000000c7 30%);display:flex;position:absolute;bottom:0;left:0;right:0}.qr-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:900;font-size:max(16px, calc(30 * var(--u)));overflow:hidden}.qr-tag{font-style:normal;font-weight:800;font-size:max(15.5px, calc(20 * var(--u)));padding:0 calc(10 * var(--u));border-radius:calc(8 * var(--u));background:#ffffff38;flex:none}.qr-tag.off{background:#8a3a3a}.qr-emptybox{justify-content:center;align-items:center;gap:calc(70 * var(--u));flex-direction:column;padding:0 8%;display:flex;position:absolute;inset:0}.qr-ebtn{width:100%;max-width:max(100%, calc(200 * var(--u)));min-height:max(44px, calc(62 * var(--u)));justify-content:center;align-items:center;gap:max(4px, calc(10 * var(--u)));border-radius:calc(10 * var(--u));border:max(1px, calc(2 * var(--u))) solid #a0bef0a6;color:#dfe8ff;font-weight:800;font-size:max(15px, calc(26 * var(--u)));padding:0 max(4px, calc(10 * var(--u)));white-space:nowrap;background:#283c6eb3;display:flex;position:relative}.qr-ebtn:disabled{opacity:1;cursor:default}.qr-sw{width:max(30px, calc(46 * var(--u)));height:max(16px, calc(24 * var(--u)));background:#ffffff40;border-radius:99px;flex:none;position:relative}.qr-sw:after{content:"";background:#fff;border-radius:50%;width:calc(50% - 2px);height:calc(100% - 4px);transition:transform .15s;position:absolute;top:2px;left:2px}.qr-fill.on{border-color:var(--gold);color:var(--gold)}.qr-fill.on .qr-sw{background:#e8954a}.qr-fill.on .qr-sw:after{transform:translate(100%)}.qr-fill:disabled:not(.on){opacity:.55}.copied:after{content:"已複製";color:#fff;white-space:nowrap;pointer-events:none;z-index:5;background:#000000d9;border-radius:8px;padding:4px 10px;font-size:15px;font-weight:700;position:absolute;top:-6px;left:50%;transform:translate(-50%,-100%)}.qr-share{position:relative}.qr-wait{z-index:4;padding:calc(18 * var(--u)) 0;text-align:center;border-top:max(1px, calc(2 * var(--u))) solid var(--gold);border-bottom:max(1px, calc(2 * var(--u))) solid var(--gold);font:900 max(18px, calc(40 * var(--u))) / 1.2 var(--kai);color:#f6e7c4;background:#0f1426db;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.qr-side{width:max(196px, calc(280 * var(--u)));gap:max(6px, calc(12 * var(--u)));flex-direction:column;flex:none;display:flex;overflow:auto}.qr-row{align-items:center;gap:calc(8 * var(--u));padding:calc(14 * var(--u)) calc(10 * var(--u));border-radius:calc(8 * var(--u));border:max(1px, calc(2 * var(--u))) solid #a0bef059;background:#17213dd1;flex-direction:column;display:flex}.qr-rl{font-weight:800;font-size:max(15px, calc(20 * var(--u)));color:#b9c8ea}.qr-rv{font-weight:900;font-size:max(16px, calc(28 * var(--u)))}.qr-seg{justify-content:center;gap:calc(6 * var(--u));flex-wrap:wrap;display:flex}.qr-seg button{border-radius:calc(8 * var(--u));white-space:nowrap;min-width:0;padding:calc(8 * var(--u)) calc(4 * var(--u));min-height:max(32px, calc(44 * var(--u)));color:#e6edff;font-weight:800;font-size:max(15px, calc(20 * var(--u)));background:#ffffff1a;border:none;flex:1 1 0}.qr-seg button.on{background:var(--gold);color:var(--navy)}.qr-bottom{align-items:center;gap:calc(24 * var(--u));min-height:max(48px, calc(84 * var(--u)));display:flex}.qr-pick{gap:max(8px, calc(16 * var(--u)));display:flex}.qr-start,.qr-status{margin-left:auto}.qr-start{width:max(196px, calc(280 * var(--u)));height:max(48px, calc(80 * var(--u)));border:max(2px, calc(4 * var(--u))) solid #fff1c8;border-radius:calc(12 * var(--u));color:#fff;font:900 max(20px, calc(40 * var(--u))) / 1 var(--kai);letter-spacing:.3em;text-shadow:0 calc(3 * var(--u)) 0 #8a4a14;box-shadow:0 calc(6 * var(--u)) 0 #8a4a14;background:linear-gradient(#f5b25c,#e0802f);padding-left:.3em;transition:transform .12s}.qr-start:active:not(:disabled){transform:translateY(calc(4 * var(--u)))}.qr-start:disabled{text-shadow:none;box-shadow:0 calc(6 * var(--u)) 0 #5e5e5e;opacity:1;background:linear-gradient(#b7b7b7,#8d8d8d)}.qr-status{font-weight:800;font-size:max(16px, calc(26 * var(--u)));color:#f6e7c4;padding:0 calc(20 * var(--u))}.qr-card.img-ok .qr-fig{inset:10% 12% 17%}.qr-fig img.qr-char{object-fit:contain;object-position:50% 100%;width:116%;max-width:none;height:auto;max-height:100%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.qr-card.img-ok .qr-plate{height:10%;min-height:0;padding:0 calc(4 * var(--u));background:linear-gradient(90deg,#0000,#080c1cd1 18% 82%,#0000);bottom:8.5%;left:14%;right:14%}.qr-card.img-ok .qr-name{text-shadow:0 calc(2 * var(--u)) calc(3 * var(--u)) #000}.qr-card.img-ok .qr-stamp{bottom:20%;right:13%}.qr-card.img-ok .qr-emptybox{padding:0 12%}.qs-body{aspect-ratio:var(--w) / 900;display:block;position:relative}.qs-full{width:100%;height:100%;display:block;position:relative}.qs-outline{pointer-events:none;left:calc(-1000% / var(--w));width:calc((var(--w) + 20) * 100% / var(--w));height:102.222%;display:none;position:absolute;top:-1.11111%}.qs-body.sel .qs-outline{display:block}.qs-body.missing .qs-full,.qs-body.missing .qs-outline{visibility:hidden}.qs-body.bounce{animation:.45s ease-out ql-bounce}.ql-cast{justify-content:center;align-items:flex-end;gap:calc(10 * var(--u));height:calc(366 * var(--u));padding-bottom:calc(56 * var(--u));box-sizing:content-box;display:flex}.ql-fig{transform-origin:50% 100%;--cx:59%;background:0 0;border:none;flex:none;height:92%;margin:0;padding:0;transition:transform .2s ease-out;position:relative}.f-qiuqiu{--cx:65%}.ql-fig:after{content:"";left:calc(var(--cx) - 34%);width:68%;bottom:calc(-8 * var(--u));height:calc(22 * var(--u));z-index:-1;background:radial-gradient(#00000061,#0000 70%);position:absolute}.ql-fig .qs-body{transform-origin:50% 100%;height:100%}.f-qiuqiu{height:100%}.f-feifei{height:90%}.ql-fig.on{transform:scale(1.04)}.ql-tag{left:var(--cx);bottom:calc(-50 * var(--u));z-index:1;padding:calc(4 * var(--u)) max(10px, calc(18 * var(--u)));border:max(2px, calc(3 * var(--u))) solid #f2c86b8c;color:#e9dcc0;font:900 max(15px, calc(26 * var(--u))) / 1.2 var(--kai);white-space:nowrap;background:#17213dc7;border-radius:99px;position:absolute;transform:translate(-50%)}.ql-fig.on .ql-tag{color:#fff;background:#c8322a;border-color:#ffd9c9}.qr-fig{container-type:size}.qr-fig .qr-body{height:min(100cqh, calc(90cqw * 900 / var(--w)));position:absolute;bottom:0;left:50%;transform:translate(-50%)}.qr-fig .qr-avfb{aspect-ratio:1;width:70%;height:auto;margin:0 auto 30%;display:block}.qd{--u:min(calc(100vw / 1440), calc(100vh / 900));--gold:#f2c86b;--navy:#17213d;--ink:#3a2414;--kai:"DFKai-SB", "BiauKai", "Kaiti TC", "STKaiti", "KaiTi", serif;z-index:120;background:#0a080699;justify-content:center;align-items:center;animation:.18s ease-out qd-fade;display:flex;position:fixed;inset:0}@keyframes qd-fade{0%{transform:none}}.qd-panel{flex-direction:column;max-width:calc(100vw - 24px);max-height:calc(100vh - 16px);animation:.2s ease-out qd-pop;display:flex;position:relative}@keyframes qd-pop{0%{transform:scale(.94)}}.qd-bg{object-fit:fill;pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.qd-head,.qd-body{z-index:1;position:relative}.qd-head{flex:none;justify-content:center;align-items:center;display:flex}.qd-plaque{min-width:max(150px, calc(300 * var(--u)));height:max(48px, calc(92 * var(--u)));padding:0 calc(40 * var(--u));margin-top:calc(-30 * var(--u));border:max(2px, calc(4 * var(--u))) solid var(--gold);border-radius:calc(12 * var(--u));box-shadow:0 calc(6 * var(--u)) 0 #3b150e;background:linear-gradient(#8a3b2e,#5e2219);justify-content:center;align-items:center;display:flex;position:relative}.qd-plaque.img-ok{box-shadow:none;min-width:max(190px, calc(360 * var(--u)));height:max(56px, calc(110 * var(--u)));background:0 0;border:none}.qd-plaqueimg{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.qd-title{font:900 max(24px, calc(48 * var(--u))) / 1 var(--kai);color:#fff3da;letter-spacing:.15em;-webkit-text-stroke:max(2px, calc(5 * var(--u))) #4a160c;paint-order:stroke fill;padding-left:.15em;position:relative}.qd-x{right:calc(14 * var(--u));top:calc(6 * var(--u));width:max(44px, calc(64 * var(--u)));height:max(44px, calc(64 * var(--u)));border:max(2px, calc(3 * var(--u))) solid var(--gold);color:#fff3da;font-size:max(26px, calc(40 * var(--u)));box-shadow:0 calc(4 * var(--u)) 0 #3b150e;background:#8a3b2e;border-radius:50%;padding:0;line-height:1;position:absolute}.qd-x:active{transform:scale(.92)}.qd-settings .qd-panel{width:max(560px, calc(940 * var(--u)));padding:calc(10 * var(--u)) calc(56 * var(--u)) calc(44 * var(--u));border-radius:calc(20 * var(--u));border:max(3px, calc(5 * var(--u))) solid var(--gold);box-shadow:0 calc(16 * var(--u)) calc(40 * var(--u)) #00000080;background:radial-gradient(at 50% 0,#2c3c6c,#141c35 70%)}.qd-settings .qd-panel.img-ok{box-shadow:none;background:0 0;border:none}.qd-settings .qd-body{gap:max(8px, calc(18 * var(--u)));margin-top:calc(24 * var(--u));flex-direction:column;display:flex;overflow:auto}.qd-row{align-items:center;gap:max(10px, calc(22 * var(--u)));min-height:max(52px, calc(92 * var(--u)));padding:0 calc(26 * var(--u));border-radius:calc(14 * var(--u));border:max(1px, calc(2 * var(--u))) solid #f2c86b4d;background:#ffffff12;display:flex;position:relative}.qd-row.img-ok{background:0 0;border-color:#0000}.qd-rowbg{object-fit:fill;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.qd-row>:not(img){position:relative}.qd-mute{width:max(44px, calc(64 * var(--u)));height:max(44px, calc(64 * var(--u)));background:#f2c86b2e;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.qd-mute img{object-fit:contain;width:80%;height:80%}.qd-mute.off{background:#c83c3259}.qd-mutetxt{font-size:max(22px, calc(34 * var(--u)));color:var(--gold)}.qd-label{width:5em;font:900 max(24px, calc(32 * var(--u))) / 1 var(--kai);color:#f6e7c4;flex:none}.qd-pct{text-align:right;width:2.6em;font-weight:800;font-size:max(24px, calc(28 * var(--u)));color:var(--gold);font-variant-numeric:tabular-nums;flex:none}.qd-range{--p:50%;min-width:0;height:max(40px, calc(60 * var(--u)));cursor:pointer;appearance:none;background:0 0;flex:1;margin:0}.qd-range::-webkit-slider-runnable-track{height:max(12px, calc(20 * var(--u)));border:max(1px, calc(2 * var(--u))) solid #7a5424;background:linear-gradient(90deg, #f0a54ee6 var(--p), transparent var(--p)), url(/img/ui/slider_track.webp) center / 100% 100% no-repeat, #3a2c1c;border-radius:99px}.qd-range::-moz-range-track{height:max(12px, calc(20 * var(--u)));background:#3a2c1c;border:2px solid #7a5424;border-radius:99px}.qd-range::-moz-range-progress{height:max(12px, calc(20 * var(--u)));background:#f0a54e;border-radius:99px}.qd-range::-webkit-slider-thumb{appearance:none;width:max(34px, calc(56 * var(--u)));height:max(34px, calc(56 * var(--u)));margin-top:calc((max(12px, calc(20 * var(--u))) - max(34px, calc(56 * var(--u)))) / 2 - max(1px, calc(2 * var(--u))));border:max(2px, calc(3 * var(--u))) solid #7a5424;box-shadow:0 calc(3 * var(--u)) 0 #00000059;background:#fff3da url(/img/ui/slider_knob.webp) 50%/contain no-repeat;border-radius:50%}.qd-range::-moz-range-thumb{background:#fff3da url(/img/ui/slider_knob.webp) 50%/contain no-repeat;border:3px solid #7a5424;border-radius:50%;width:34px;height:34px}.qd-rules .qd-panel{width:calc(1220 * var(--u));height:calc(800 * var(--u));min-width:min(100vw - 24px,560px);padding:calc(8 * var(--u)) calc(70 * var(--u)) calc(40 * var(--u));border-radius:calc(10 * var(--u));color:var(--ink);border-top:max(8px, calc(18 * var(--u))) solid #6b3d1c;border-bottom:max(8px, calc(18 * var(--u))) solid #6b3d1c;box-shadow:0 calc(16 * var(--u)) calc(40 * var(--u)) #00000080;background:linear-gradient(90deg,#78501e1f,#0000 6% 94%,#78501e1f),#f5ead0}.qd-rules .qd-panel.img-ok{box-shadow:none;background:0 0;border:none}.qd-rules .qd-body{flex-direction:column;flex:1;min-height:0;display:flex}.qd-tabs{justify-content:center;gap:calc(12 * var(--u));margin:calc(14 * var(--u)) 0 calc(12 * var(--u));flex:none;display:flex}.qd-tab{min-width:max(110px, calc(200 * var(--u)));height:max(42px, calc(64 * var(--u)));padding:0 calc(20 * var(--u));border:max(2px, calc(3 * var(--u))) solid #9a6a26;border-radius:calc(12 * var(--u)) calc(12 * var(--u)) calc(4 * var(--u)) calc(4 * var(--u));color:#6b4a22;background:#e6d5ae;position:relative}.qd-tab.on{color:#fff3da;border-color:var(--gold);background:#8a3b2e}.qd-tab.img-ok{background:0 0;border:none}.qd-tabimg{object-fit:fill;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.qd-tabtxt{font:900 max(18px, calc(30 * var(--u))) / 1 var(--kai);white-space:nowrap;position:relative}.qd-scroll{overscroll-behavior:contain;min-height:0;padding:calc(6 * var(--u)) calc(8 * var(--u)) calc(16 * var(--u));-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.qd-settings .qd-panel.img-ok{padding:calc(30 * var(--u)) calc(80 * var(--u)) calc(80 * var(--u))}.qd-settings .qd-panel.img-ok .qd-body{margin-top:calc(30 * var(--u))}.qd-row.img-ok{padding:0 calc(40 * var(--u)) 0 calc(30 * var(--u))}.qd-row.img-ok .qd-label{color:#4a1d10}.qd-row.img-ok .qd-pct{color:#7a3a10}.qd-rules .qd-panel.img-ok{padding:calc(20 * var(--u)) calc(100 * var(--u)) calc(90 * var(--u))}.qd-tab.img-ok:not(.on){color:#f3dfb0}@media (height<=500px){.qd-settings .qd-body{gap:6px}.qd-settings .qd-panel.img-ok{padding:8px 58px 50px}.qd-row.img-ok{padding:0 30px 0 16px}.qd-settings .qd-panel.img-ok .qd-body{margin-top:6px}.qd-row{min-height:46px}.qd-plaque,.qd-plaque.img-ok{height:48px;margin-top:-8px}.qd-rules .qd-panel.img-ok{padding:8px 44px 34px}}.qr-ready,.qr-waiting{margin-left:auto}.qr-waiting+.qr-start{margin-left:0}.qr-waiting{text-overflow:ellipsis;white-space:nowrap;max-width:40%;overflow:hidden}.qr-ready{width:max(196px, calc(280 * var(--u)));height:max(48px, calc(80 * var(--u)));border:max(2px, calc(4 * var(--u))) solid #e6ffe9;border-radius:calc(12 * var(--u));color:#fff;font:900 max(20px, calc(40 * var(--u))) / 1 var(--kai);letter-spacing:.2em;text-shadow:0 calc(3 * var(--u)) 0 #1c5a28;box-shadow:0 calc(6 * var(--u)) 0 #1c5a28;background:linear-gradient(#5fd06f,#2f9a45);padding-left:.2em;transition:transform .12s}.qr-ready:active{transform:translateY(calc(4 * var(--u)))}.qr-ready.on{text-shadow:none;box-shadow:0 calc(6 * var(--u)) 0 #3f4741;letter-spacing:.08em;background:linear-gradient(#9aa79c,#6d786f);padding-left:.08em}.qr.enter .qr-stamp{animation:.3s ease-out .25s backwards qr-stamp}.qd-practice .qd-panel{width:max(520px, calc(760 * var(--u)));padding:calc(10 * var(--u)) calc(56 * var(--u)) calc(50 * var(--u));border-radius:calc(20 * var(--u));border:max(3px, calc(5 * var(--u))) solid var(--gold);box-shadow:0 calc(16 * var(--u)) calc(40 * var(--u)) #00000080;background:radial-gradient(at 50% 0,#2c3c6c,#141c35 70%)}.qd-practice .qd-panel.img-ok{box-shadow:none;padding:calc(30 * var(--u)) calc(80 * var(--u)) calc(80 * var(--u));background:0 0;border:none}.qd-practice .qd-body{align-items:center;gap:max(14px, calc(36 * var(--u)));margin-top:max(10px, calc(34 * var(--u)));flex-direction:column;display:flex}.qd-opts{justify-content:center;gap:max(8px, calc(16 * var(--u)));width:100%;display:flex}.qd-opt{min-width:0;height:max(56px, calc(90 * var(--u)));padding:0 calc(10 * var(--u));border:max(2px, calc(3 * var(--u))) solid #9a6a26;border-radius:calc(12 * var(--u));color:#6b4a22;background:#e6d5ae;flex:1;position:relative}.qd-opt.on{color:#fff3da;border-color:var(--gold);background:#8a3b2e}.qd-opt.img-ok{background:0 0;border:none}.qd-opt.img-ok:not(.on){color:#f3dfb0}.qd-opttxt{font:900 max(24px, calc(32 * var(--u))) / 1 var(--kai);white-space:nowrap;position:relative}.qd-go{width:max(220px, calc(340 * var(--u)));height:max(56px, calc(88 * var(--u)));border:max(2px, calc(4 * var(--u))) solid #fff1c8;border-radius:calc(14 * var(--u));color:#fff;font:900 max(26px, calc(40 * var(--u))) / 1 var(--kai);letter-spacing:.15em;text-shadow:0 calc(3 * var(--u)) 0 #8a4a14;box-shadow:0 calc(6 * var(--u)) 0 #8a4a14;background:linear-gradient(#f5b25c,#e0802f);padding-left:.15em}.qd-go:active{transform:translateY(calc(4 * var(--u)))}@media (height<=500px){.qd-practice .qd-panel.img-ok{padding:8px 54px 40px}}.qr-codeval{line-height:1.3}.qr-seg button{padding-left:max(6px, calc(10 * var(--u)));padding-right:max(6px, calc(10 * var(--u)));flex:1 0 auto}.qd-range{font-size:16px}.qr-name{padding-right:2px}.ql-name{width:calc(10.6em + 2 * calc(18 * var(--u)) + 6px)}.qd-grid{grid-template-columns:repeat(auto-fill, minmax(min(100%, max(330px, calc(520 * var(--u)))), 1fr));gap:max(8px, calc(16 * var(--u)));display:grid}.qd-card{gap:max(4px, calc(8 * var(--u)));padding:max(8px, calc(16 * var(--u))) max(10px, calc(20 * var(--u)));border-radius:calc(10 * var(--u));border:max(1px, calc(2 * var(--u))) solid #9a6a2659;background:#fffcf0b3;flex-direction:column;display:flex}.qd-card.bad{background:#fae4dcbf}.qd-name{font:900 max(22px, calc(32 * var(--u))) / 1.15 var(--kai);color:#4a1d10}.qd-desc{font-size:max(17px, calc(22 * var(--u)));color:#4b3420;margin:0;line-height:1.45}.qd-cards{--rcw:max(50px, calc(84 * var(--u)));gap:calc(var(--rcw) * .25);margin-top:calc(4 * var(--u));flex-wrap:wrap;display:flex}.qd-hand{height:calc(var(--rcw) * 1.4);flex:none;position:relative}.qd-hand .cd{width:var(--rcw);height:calc(var(--rcw) * 1.4);border-radius:8%;position:absolute;top:0;box-shadow:-2px 0 4px #0000002e}.qd-pay{max-width:calc(1000 * var(--u));min-width:min(100%,520px);margin:0 auto}.qd-para{margin:0 0 max(10px, calc(18 * var(--u)));padding:max(10px, calc(18 * var(--u))) max(12px, calc(24 * var(--u)));font-size:max(18px, calc(26 * var(--u)));color:#3a2414;border-left:max(4px, calc(6 * var(--u))) solid #8a3b2e;border-radius:calc(8 * var(--u));background:#fffcf0b3;line-height:1.7}.qd-para b{color:#8a3b2e}