.pk-root{--pk-main: #ffc43d;--pk-deputy: #3a8dff;position:fixed;left:0;top:0;right:0;bottom:0;z-index:10;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:12px 12px calc(10px + env(safe-area-inset-bottom));-webkit-box-sizing:border-box;box-sizing:border-box;background:#2b3a55 center/cover no-repeat;color:#fff;font-size:14px;line-height:1.3;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue","Microsoft YaHei",sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden}.pk-head{text-align:center;margin-bottom:6px}.pk-title{font-size:22px;font-weight:800;letter-spacing:2px;text-shadow:0 2px 0 rgba(0,0,0,.25)}.pk-level{margin-top:2px;font-size:13px;opacity:.85}.pk-steps{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:8px}.pk-step{width:24px;height:24px;line-height:24px;border-radius:50%;text-align:center;font-size:12px;font-weight:700;background:rgba(255,255,255,.18);color:rgba(255,255,255,.7)}.pk-step.is-cur{background:var(--pk-main);color:#3a2a00;-webkit-box-shadow:0 0 0 3px rgba(255,255,255,.25);box-shadow:0 0 0 3px rgba(255,255,255,.25)}.pk-step.is-done{background:var(--pk-deputy);color:#fff}.pk-step-line{width:20px;height:2px;background:rgba(255,255,255,.25)}.pk-hud{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;max-width:440px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:8px}.pk-hud-item{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin:0 4px;padding:5px 0;text-align:center;border-radius:10px;background:rgba(0,0,0,.22)}.pk-hud-val{display:block;font-size:18px;font-weight:800}.pk-hud-label{font-size:11px;opacity:.75}.pk-queue{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%;max-width:440px;min-height:50px;padding:6px 8px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:12px;background:rgba(255,255,255,.1);margin-bottom:8px}.pk-queue-exit{-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none;width:22px;margin-right:6px;padding:4px 0;font-size:11px;line-height:1.15;text-align:center;border-radius:6px;background:var(--pk-main);color:#3a2a00;font-weight:700}.pk-queue-line{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;height:38px;overflow:hidden}.pk-pax{position:relative;width:11px;height:15px;margin:2px 1px}.pk-pax::before{content:"";position:absolute;left:2px;top:0;width:7px;height:7px;border-radius:50%;background:var(--car)}.pk-pax::after{content:"";position:absolute;left:0;top:7px;width:11px;height:8px;border-radius:5px 5px 2px 2px;background:var(--car)}.pk-pax.is-head{-webkit-animation:pk-hop .6s ease-in-out infinite;animation:pk-hop .6s ease-in-out infinite}.pk-queue-more{-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none;min-width:30px;text-align:right;font-size:12px;font-weight:700;opacity:.8}.pk-slots{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;max-width:440px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:8px}.pk-slot{position:relative;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;height:62px;margin:0 4px;border-radius:10px;border:2px dashed rgba(255,255,255,.35);-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:border-color .2s,background-color .2s;transition:border-color .2s,background-color .2s}.pk-slot.is-danger{border-color:#ff5a5f;background:rgba(255,90,95,.12)}.pk-slot.is-boarding{border-color:var(--pk-main);border-style:solid}.pk-slot.has-car .pk-slot-no{display:none}.pk-slot-no{position:absolute;font-size:18px;font-weight:800;opacity:.2}.pk-slot-car{position:relative;height:28px;width:56px;max-width:92%;-webkit-filter:drop-shadow(0 2px 3px rgba(0, 0, 0, 0.3));filter:drop-shadow(0 2px 3px rgba(0, 0, 0, 0.3))}.pk-slot-car.pk-len3{width:80px}.pk-slot-car svg{display:block}.pk-slot-car.is-in{-webkit-animation:pk-slot-in .28s ease-out;animation:pk-slot-in .28s ease-out}.pk-slot-car.is-out{-webkit-animation:pk-slot-out .32s ease-in forwards;animation:pk-slot-out .32s ease-in forwards}.pk-slot-num{margin-top:3px;font-size:13px;font-weight:800;line-height:1}.pk-lot-wrap{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:100%;max-width:440px;min-height:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.pk-lot-wrap.is-shake{-webkit-animation:pk-shake .5s;animation:pk-shake .5s}.pk-lot{--cell: 40px;position:relative;border-radius:10px;background-color:#3b4a66;background-image:-webkit-linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px),-webkit-linear-gradient(left, rgba(255, 255, 255, 0.08) 1px, transparent 1px);background-image:linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px),linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px);background-size:var(--cell) var(--cell);-webkit-box-shadow:0 0 0 4px rgba(255,255,255,.18),0 8px 20px rgba(0,0,0,.3);box-shadow:0 0 0 4px rgba(255,255,255,.18),0 8px 20px rgba(0,0,0,.3)}.pk-car{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;padding:2px;cursor:pointer;-webkit-transition:opacity .32s,-webkit-transform .32s cubic-bezier(0.5, 0, 0.9, 0.6);transition:opacity .32s,-webkit-transform .32s cubic-bezier(0.5, 0, 0.9, 0.6);transition:transform .32s cubic-bezier(0.5, 0, 0.9, 0.6),opacity .32s;transition:transform .32s cubic-bezier(0.5, 0, 0.9, 0.6),opacity .32s,-webkit-transform .32s cubic-bezier(0.5, 0, 0.9, 0.6)}.pk-car.is-leaving{opacity:0;pointer-events:none;z-index:2}.pk-car.is-hit .pk-car-body{-webkit-animation:pk-hit .35s;animation:pk-hit .35s}.pk-car.is-bump-up{-webkit-animation:pk-bump-up .25s;animation:pk-bump-up .25s}.pk-car.is-bump-down{-webkit-animation:pk-bump-down .25s;animation:pk-bump-down .25s}.pk-car.is-bump-left{-webkit-animation:pk-bump-left .25s;animation:pk-bump-left .25s}.pk-car.is-bump-right{-webkit-animation:pk-bump-right .25s;animation:pk-bump-right .25s}.pk-car-body{position:relative;width:100%;height:100%}.pk-car-body svg{display:block}.pk-car-cap{position:absolute;right:0;top:0;min-width:16px;height:16px;padding:0 3px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;background:#fff;color:#2b3a55;font-size:10px;font-weight:800;line-height:16px;text-align:center;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.35);box-shadow:0 1px 3px rgba(0,0,0,.35)}.pk-tip{margin-top:6px;font-size:12px;opacity:.7}.pk-toast{position:absolute;left:50%;top:46%;padding:8px 14px;border-radius:18px;background:rgba(0,0,0,.72);font-size:13px;white-space:nowrap;opacity:0;-webkit-transform:translate(-50%, 6px);transform:translate(-50%, 6px);-webkit-transition:opacity .2s,-webkit-transform .2s;transition:opacity .2s,-webkit-transform .2s;transition:opacity .2s,transform .2s;transition:opacity .2s,transform .2s,-webkit-transform .2s;pointer-events:none;z-index:5}.pk-toast.is-show{opacity:1;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}.pk-mask{position:absolute;left:0;top:0;right:0;bottom:0;z-index:20;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background:rgba(0,0,0,.5)}.pk-modal{width:78%;max-width:320px;padding:22px 18px 18px;border-radius:18px;background:#fff;color:#333;text-align:center;-webkit-animation:pk-pop .25s ease-out;animation:pk-pop .25s ease-out}.pk-modal-icon{font-size:42px;line-height:1.1}.pk-modal-title{margin-top:6px;font-size:20px;font-weight:800}.pk-modal-sub{margin-top:8px;font-size:13px;line-height:1.6;color:#666}.pk-modal-sub b{color:#e8590c;font-size:16px}.pk-modal-btn{margin-top:16px;width:80%;height:42px;border:0;border-radius:21px;background:var(--pk-deputy);color:#fff;font-size:16px;font-weight:700;outline:none}@-webkit-keyframes pk-hop{0%,100%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}}@keyframes pk-hop{0%,100%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}}@-webkit-keyframes pk-slot-in{from{-webkit-transform:translateY(-20px) scale(0.7);transform:translateY(-20px) scale(0.7);opacity:0}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes pk-slot-in{from{-webkit-transform:translateY(-20px) scale(0.7);transform:translateY(-20px) scale(0.7);opacity:0}to{-webkit-transform:none;transform:none;opacity:1}}@-webkit-keyframes pk-slot-out{to{-webkit-transform:translateY(-36px);transform:translateY(-36px);opacity:0}}@keyframes pk-slot-out{to{-webkit-transform:translateY(-36px);transform:translateY(-36px);opacity:0}}@-webkit-keyframes pk-hit{0%,100%{-webkit-filter:none;filter:none}40%{-webkit-filter:brightness(1.5);filter:brightness(1.5);-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes pk-hit{0%,100%{-webkit-filter:none;filter:none}40%{-webkit-filter:brightness(1.5);filter:brightness(1.5);-webkit-transform:scale(1.05);transform:scale(1.05)}}@-webkit-keyframes pk-bump-up{50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes pk-bump-up{50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@-webkit-keyframes pk-bump-down{50%{-webkit-transform:translateY(5px);transform:translateY(5px)}}@keyframes pk-bump-down{50%{-webkit-transform:translateY(5px);transform:translateY(5px)}}@-webkit-keyframes pk-bump-left{50%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}}@keyframes pk-bump-left{50%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}}@-webkit-keyframes pk-bump-right{50%{-webkit-transform:translateX(5px);transform:translateX(5px)}}@keyframes pk-bump-right{50%{-webkit-transform:translateX(5px);transform:translateX(5px)}}@-webkit-keyframes pk-shake{20%,60%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}40%,80%{-webkit-transform:translateX(6px);transform:translateX(6px)}}@keyframes pk-shake{20%,60%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}40%,80%{-webkit-transform:translateX(6px);transform:translateX(6px)}}@-webkit-keyframes pk-pop{from{-webkit-transform:scale(0.8);transform:scale(0.8);opacity:0}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes pk-pop{from{-webkit-transform:scale(0.8);transform:scale(0.8);opacity:0}to{-webkit-transform:none;transform:none;opacity:1}}