.welcomeContent[data-v-10634f76]{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:10000}.welcomeContent .welcome[data-v-10634f76]{width:600px;min-height:650px;border-radius:24px;background-color:#fff;border:1px solid #e6e6f1;display:flex;flex-direction:column;align-items:center;position:relative;max-height:95vh;overflow:auto}@media (max-width:670px){.welcomeContent .welcome[data-v-10634f76]{width:90%;min-height:auto;max-height:85vh;margin:20px}}.welcomeContent .welcome .welcomeImg[data-v-10634f76]{width:230px;margin-top:28px;position:relative;z-index:10001;display:block;-o-object-fit:contain;object-fit:contain;background-color:transparent}.welcomeContent .welcome .title[data-v-10634f76]{line-height:39px;padding:0 12px;margin-top:41px;color:#101010;font-size:28px;text-align:left;font-family:PingFangSC-regular}.welcomeContent .welcome .close[data-v-10634f76]{position:absolute;top:20px;right:20px;font-size:24px;color:#101010;cursor:pointer;z-index:10001}.welcomeContent .welcome .close>img[data-v-10634f76]{width:25px;height:25px}.welcomeContent .welcome .article[data-v-10634f76]{margin:0 20px;overflow:auto}.welcomeContent .welcome .article h2[data-v-10634f76]{line-height:25px;color:#101010;font-size:18px;text-align:left;font-family:PingFangSC-bold}.welcomeContent .welcome .article p[data-v-10634f76]{margin:0}.welcomeContent .welcome .terms-section[data-v-10634f76]{margin-top:2em;margin-bottom:20px;display:flex;gap:20px;justify-content:center}.welcomeContent .welcome .terms-section .terms-link[data-v-10634f76]{color:#007aff;text-decoration:none;font-size:16px;cursor:pointer}.welcomeContent .welcome .terms-section .terms-link[data-v-10634f76]:hover{text-decoration:underline}.MaskLoading[data-v-43ebfa8f]{height:100vh;width:100vw;background-color:#41404085;display:flex;flex-direction:column;justify-content:center;align-items:center;backdrop-filter:blur(1px)}@keyframes rotateIcon-43ebfa8f{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.MaskLoading .loadingImg[data-v-43ebfa8f]{width:33px;height:33px;animation:rotateIcon-43ebfa8f 2s linear infinite}.MaskLoading .button_text[data-v-43ebfa8f]{margin-top:16px;color:#fff;font-size:16px}.MessageBase[data-v-7e033220]{height:88px;border-radius:10px;padding-left:20px;padding-right:20px;border-style:solid;border-width:2px;border-color:#ccd6d2;display:flex;background-color:#fff;flex-direction:row;align-items:center}.home[data-v-e762172c],.map[data-v-e762172c]{width:100%;height:100%}.notification-button[data-v-e762172c]{position:fixed;top:20px;left:20px;z-index:1999;width:48px;height:48px;border-radius:24px;background-color:#e3e6f1;border:1px solid #e6e6f1;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;transition:all .3s ease}.notification-button[data-v-e762172c]:hover{background-color:rgba(227,230,241,.8);transform:scale(1.05)}.zoom-hint[data-v-e762172c]{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:1998;background-color:#e3e6f1;border:1px solid #e6e6f1;border-radius:12px;padding:8px 16px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;align-items:center;gap:8px;color:#000;font-size:14px;font-family:PingFangSC-regular;cursor:pointer}.zoom-hint svg[data-v-e762172c]{width:16px;height:16px;flex-shrink:0}.zoom-hint span[data-v-e762172c]{white-space:nowrap}.angel[data-v-e762172c]{background-color:#fff;border-radius:30px;display:flex;align-items:center;justify-content:center;position:fixed;z-index:9999;width:60px;height:60px}.angel>img[data-v-e762172c]{width:48px;height:48px}.userActions[data-v-e762172c]{position:fixed;z-index:1999;top:20px;right:20px;display:flex;flex-direction:column}.userActions .loginButton[data-v-e762172c]{width:96px;height:32px;line-height:20px;border-radius:12px;background-color:#3487ff;color:#fff;font-size:14px;text-align:center;font-family:PingFangSC-regular;display:flex;flex-direction:row;align-items:center;justify-content:center;cursor:pointer}.userActions .loginButton>img[data-v-e762172c]{width:20px;height:20px;margin-right:8px}.userActions .userIcon[data-v-e762172c]{width:48px;height:48px;border-radius:24px;background-color:#e6e6f1;box-shadow:0 0 1px #a1a1a7;position:relative}.userActions .userIcon>img[data-v-e762172c]{width:48px;height:48px;border-radius:24px;margin-right:8px;cursor:pointer}.userActions .userIcon .hoverPanelOuter[data-v-e762172c]{background-color:transparent;position:absolute;right:0;top:26px;z-index:1}.userActions .userIcon .hoverPanelOuter .hoverPanel[data-v-e762172c]{margin-top:26px;width:338px;height:355px;border-radius:24px;background-color:#fff;border:1px solid #e6e6f1;display:flex;flex-direction:column;align-items:center;padding:17px 0 22px}.userActions .userIcon .hoverPanelOuter .hoverPanel .close[data-v-e762172c]{position:absolute;top:40px;right:20px;font-size:24px;color:#101010;cursor:pointer;z-index:10001}.userActions .userIcon .hoverPanelOuter .hoverPanel .close>img[data-v-e762172c]{width:25px;height:25px}.userActions .userIcon .hoverPanelOuter .hoverPanel>img[data-v-e762172c]{width:48px;height:48px;border-radius:24px}.userActions .userIcon .hoverPanelOuter .hoverPanel .userName[data-v-e762172c]{margin-top:10px;height:20px;line-height:20px;color:#033d5d;font-size:18px;font-family:PingFangSC-regular}.userActions .userIcon .hoverPanelOuter .hoverPanel .paintedPixels[data-v-e762172c]{margin-top:30px;height:20px;line-height:20px;color:#033d5d;font-size:18px;font-family:PingFangSC-regular}.userActions .userIcon .hoverPanelOuter .hoverPanel .userLevel[data-v-e762172c]{margin-top:18px;height:20px;line-height:20px;color:#033d5d;font-size:18px;font-family:PingFangSC-regular}.userActions .userIcon .hoverPanelOuter .hoverPanel .signout[data-v-e762172c]{width:201px;height:33px;line-height:20px;border-radius:13px;background-color:#fff;color:#101010;font-size:14px;text-align:center;font-family:PingFangSC-regular;border:1px solid #bbb;display:flex;align-items:center;justify-content:center;cursor:pointer}.userActions .action[data-v-e762172c]{width:48px;height:48px;font-size:26px;text-align:center;line-height:48px;margin-top:12px;border-radius:24px;background-color:#e6e6f1;box-shadow:0 0 1px #a1a1a7;position:relative;cursor:pointer}.leftButton[data-v-e762172c]{top:70%;left:30%}.rightButton[data-v-e762172c]{top:70%;right:30%}.rightButton>img[data-v-e762172c]{transform:rotateY(180deg)}.bottomTools[data-v-e762172c]{position:fixed;z-index:1998;bottom:0;width:100%;min-height:50px;padding:12px;background-color:#fff;border-radius:32px 32px 0 0;box-sizing:border-box}@media (max-width:768px){.bottomTools[data-v-e762172c]{margin:12px 4px 0 0}}.bottomTools .title[data-v-e762172c]{width:100%;height:33px;line-height:33px;color:#033d5d;font-size:24px;text-align:left;font-family:PingFangSC-regular;display:flex;flex-direction:column;align-items:center;justify-content:center}@media (max-width:768px){.bottomTools .title[data-v-e762172c]{font-size:20px;height:28px;line-height:28px}}.bottomTools .paint-hint-carousel[data-v-e762172c]{position:absolute;top:-60px;left:50%;transform:translateX(-50%);width:300px;height:30px;z-index:1999;background-color:#e3e6f1;border:1px solid #e6e6f1;border-radius:12px;padding:8px 16px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;color:#000;font-size:14px;font-family:PingFangSC-regular;overflow:hidden}.bottomTools .paint-hint-content[data-v-e762172c]{position:relative;width:100%;height:100%}.bottomTools .hint-item[data-v-e762172c]{position:absolute;width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bottomTools .slide-enter-active[data-v-e762172c],.bottomTools .slide-leave-active[data-v-e762172c]{transition:transform .5s ease,opacity .5s ease}.bottomTools .slide-enter-from[data-v-e762172c]{transform:translateX(100%);opacity:0}.bottomTools .slide-leave-to[data-v-e762172c]{transform:translateX(-100%);opacity:0}.bottomTools .hint-icon[data-v-e762172c]{position:absolute;top:20px;left:20px;font-size:24px;color:#101010;cursor:pointer}@media (max-width:768px){.bottomTools .hint-icon[data-v-e762172c]{font-size:20px;top:18px;left:18px}}.bottomTools .close[data-v-e762172c]{position:absolute;top:20px;right:20px;font-size:24px;color:#101010;cursor:pointer}.bottomTools .close>img[data-v-e762172c]{width:25px;height:25px}@media (max-width:768px){.bottomTools .close>img[data-v-e762172c]{width:20px;height:20px}.bottomTools .close[data-v-e762172c]{top:18px;right:18px}}.bottomTools .allColor[data-v-e762172c]{flex-wrap:wrap;display:flex;justify-content:space-around;align-items:center;justify-content:start;margin-top:12px;max-height:30vh;overflow:auto}@media (max-width:768px){.bottomTools .allColor[data-v-e762172c]{justify-content:space-between;gap:2px}}.bottomTools .allColor .colorButton[data-v-e762172c]{width:60px;height:40px;border-radius:10px;margin:3px 5px;color:#fff;display:flex;justify-content:center;align-items:center;font-weight:700;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.2);position:relative}@media (max-width:768px){.bottomTools .allColor .colorButton[data-v-e762172c]{width:calc(12.5% - 4.375px);height:35px;margin:1px;border-radius:8px}}.bottomTools .allColor .colorButton.focus[data-v-e762172c]:before{content:"";border-radius:10px;border:4px solid #0069ff;width:90%;height:93%}@media (max-width:768px){.bottomTools .allColor .colorButton.focus[data-v-e762172c]:before{border-radius:8px;border-width:3px}}.bottomTools .allColor .colorButton .lock[data-v-e762172c]{display:flex;align-items:center;justify-content:center;position:absolute;bottom:-4px;right:-4px;width:20px;height:20px;background:#fff;border-radius:10px;border:1px solid #e3e3e3}@media (max-width:768px){.bottomTools .allColor .colorButton .lock[data-v-e762172c]{width:16px;height:16px;bottom:-2px;right:-2px;border-radius:8px}}.bottomTools .allColor .colorButton .lock>img[data-v-e762172c]{width:13px;height:13px}@media (max-width:768px){.bottomTools .allColor .colorButton .lock>img[data-v-e762172c]{width:10px;height:10px}}.bottomTools .allColor .colorButton .showNum[data-v-e762172c]{position:absolute}.bottomTools .save[data-v-e762172c]{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:12px}.bottomTools .save .bottomPaintSave[data-v-e762172c]{display:flex;align-items:center;justify-content:center;z-index:1998;min-width:144px;height:48px;line-height:33px;border-radius:24px;background-color:#3487ff;color:#fff;font-size:20px;text-align:center;font-family:PingFangSC-regular;left:50%;bottom:24px;padding:0 23px;cursor:pointer}.bottomTools .save .bottomPaintSave .diffTimeStr[data-v-e762172c]{margin-left:8px;font-size:16px}.bottomTools .eraser[data-v-e762172c]{position:absolute;right:12px;bottom:24px}.bottomTools .eraser .bottomEraserButton[data-v-e762172c]{width:48px;height:48px;border-radius:24px;background-color:#e3e6f1;border:1px solid #e6e6f1;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#333;transition:all .3s ease;position:relative}.bottomTools .eraser .bottomEraserButton .tooltip[data-v-e762172c]{position:absolute;bottom:60px;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.8);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease;pointer-events:none}.bottomTools .eraser .bottomEraserButton .tooltip[data-v-e762172c]:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:4px solid transparent;border-top-color:rgba(0,0,0,.8)}.bottomTools .eraser .bottomEraserButton[data-v-e762172c]:hover{background-color:rgba(227,230,241,.8);transform:scale(1.05)}.bottomTools .eraser .bottomEraserButton:hover .tooltip[data-v-e762172c]{opacity:1;visibility:visible}.bottomPaintEntry[data-v-e762172c],.bottomTools .eraser .bottomEraserButton.active[data-v-e762172c]{background-color:#3487ff;color:#fff}.bottomPaintEntry[data-v-e762172c]{position:absolute;display:flex;align-items:center;justify-content:center;z-index:1998;min-width:144px;height:48px;line-height:33px;border-radius:24px;padding:0 23px;box-sizing:border-box;font-size:20px;text-align:center;font-family:PingFangSC-regular;left:50%;transform:translateX(-50%);bottom:12px;cursor:pointer}.bottomPaintEntry .diffTimeStr[data-v-e762172c],.diffTimeStr[data-v-e762172c]{margin-left:8px;font-size:16px}.wallet[data-v-e762172c]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1999;display:flex;flex-direction:column;align-items:center;justify-content:center}.wallet .walletInner[data-v-e762172c]{width:670px;max-height:93%;background-color:#fff;border-radius:32px;box-sizing:border-box;padding:24px;display:flex;flex-direction:column;position:relative;overflow:hidden}@media (max-width:770px){.wallet .walletInner[data-v-e762172c]{width:86%;max-height:80vh;min-height:auto}}@media (max-width:630px){.wallet .walletInner[data-v-e762172c]{width:86%;max-height:80vh;min-height:auto}.wallet .walletInner .list .item[data-v-e762172c]{width:100%!important}}.wallet .walletInner .title[data-v-e762172c]{display:flex;flex-direction:row;align-items:center;min-height:38px}.wallet .walletInner .title .hasCredits[data-v-e762172c]{border:2px solid #f2f7fe;line-height:28px;color:#0069ff;border-radius:14px;padding:0 12px;box-sizing:border-box;background-color:#f7f8f489;font-weight:700}.wallet .walletInner .title .hasCredits .Credits[data-v-e762172c]{font-weight:400;font-size:12px;margin-left:4px}.wallet .walletInner .title .close[data-v-e762172c]{font-size:24px;width:32px;height:32px;color:#101010;cursor:pointer;display:flex;align-items:center;justify-content:center}.wallet .walletInner .title .close>img[data-v-e762172c]{width:25px;height:25px}.wallet .walletInner .content[data-v-e762172c]{overflow:auto}.wallet .walletInner .content h3[data-v-e762172c]{font-size:20px;color:#101010;font-weight:700;margin:12px 0}.wallet .walletInner .content .list[data-v-e762172c]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-around;flex-grow:1}.wallet .walletInner .content .list .item[data-v-e762172c]{max-width:306px;width:44%;height:138px;border-radius:12px;background-color:#e3e9f4;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:3%}.wallet .walletInner .content .list .item.buy .coinNum[data-v-e762172c]{color:#03c461}.wallet .walletInner .content .list .item.buy .button[data-v-e762172c]{background-color:#03c461}.wallet .walletInner .content .list .item .coinNum[data-v-e762172c]{font-size:25px;color:#0069ff}.wallet .walletInner .content .list .item .desc[data-v-e762172c]{color:#394e6a;font-size:12px}.wallet .walletInner .content .list .item .desc .bonus[data-v-e762172c]{color:#0069ff}.wallet .walletInner .content .list .item .button[data-v-e762172c]{min-width:103px;padding:0 12px;box-sizing:border-box;height:40px;border-radius:32px;margin-top:12px;background-color:#0069ff;text-align:center;line-height:40px;font-size:18px;color:#fff;cursor:pointer;font-family:Geist,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.invite[data-v-e762172c]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1999;display:flex;flex-direction:column;align-items:center;justify-content:center}.invite .inviteInner[data-v-e762172c]{width:534px;background-color:#fff;border-radius:32px;padding:24px;flex-direction:column;position:relative;display:flex;align-items:center;overflow:hidden}@media (max-width:620px){.invite .inviteInner[data-v-e762172c]{width:86%;max-height:80vh;min-height:auto}}.invite .inviteInner .title[data-v-e762172c]{display:flex;flex-direction:row}.invite .inviteInner .title .icon[data-v-e762172c]{width:230px}.invite .inviteInner .title .close[data-v-e762172c]{font-size:24px;color:#101010;cursor:pointer;position:absolute;right:29px;top:29px}.invite .inviteInner .title .close>img[data-v-e762172c]{width:28px;height:28px}.invite .inviteInner .desc[data-v-e762172c]{margin-top:41px;line-height:39px;color:#101010;font-size:28px;text-align:left;font-family:PingFangSC-regular}.invite .inviteInner .content[data-v-e762172c]{margin-top:33px;overflow:auto}.invite .inviteInner .content .text[data-v-e762172c]{font-size:18px}.invite .inviteInner .content .text .h3[data-v-e762172c]{font-weight:700;font-size:20px}.invite .inviteInner .content .text p[data-v-e762172c]{margin:0}.invite .inviteInner .tool[data-v-e762172c]{display:flex;flex-direction:row;align-items:center;justify-content:end;margin-top:24px}.invite .inviteInner .tool .button[data-v-e762172c]{height:35px;line-height:35px;padding:2px 24px;border-radius:12px;background-color:#3487ff;color:#fff;font-size:16px;text-align:center;font-family:PingFangSC-regular;margin-left:8px;cursor:pointer}.invite .inviteInner .tool .button[data-v-e762172c]:hover{background-color:rgba(52,135,255,.8)}.invite .inviteInner .tool .button[data-v-e762172c]:first-child{margin-left:0}.beInvite[data-v-e762172c]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1999;display:flex;flex-direction:column;align-items:center;justify-content:center}.beInvite .beInviteInner[data-v-e762172c]{width:534px;background-color:#fff;border-radius:32px;padding:24px;flex-direction:column;position:relative;display:flex;align-items:center}.beInvite .beInviteInner .title[data-v-e762172c]{display:flex;flex-direction:row}.beInvite .beInviteInner .title .icon[data-v-e762172c]{width:230px}.beInvite .beInviteInner .title .close[data-v-e762172c]{font-size:24px;color:#101010;cursor:pointer;position:absolute;right:29px;top:29px}.beInvite .beInviteInner .title .close>img[data-v-e762172c]{width:28px;height:28px}.beInvite .beInviteInner .button[data-v-e762172c]{min-width:103px;height:40px;border-radius:32px;margin-top:12px;background-color:#0069ff;text-align:center;padding:0 24px;line-height:40px;font-size:18px;color:#fff;cursor:pointer;font-family:Geist,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.beInvite .beInviteInner .button[data-v-e762172c]:hover{background-color:rgba(52,135,255,.8)}.waitColor[data-v-e762172c]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1999;display:flex;flex-direction:column;align-items:center;justify-content:center}.waitColor .waitColorInner[data-v-e762172c]{width:534px;background-color:#fff;border-radius:32px;padding:24px;flex-direction:column;position:relative;display:flex;align-items:center}.waitColor .waitColorInner .title[data-v-e762172c]{font-size:28px;color:#101010;font-family:PingFangSC-regular;display:flex}.waitColor .waitColorInner .title .close[data-v-e762172c]{font-size:24px;color:#101010;cursor:pointer;position:absolute;right:29px;top:29px}.waitColor .waitColorInner .title .close>img[data-v-e762172c]{width:28px;height:28px}.waitColor .waitColorInner .desc[data-v-e762172c]{margin-top:24px;line-height:39px}.waitColor .waitColorInner .tools[data-v-e762172c]{margin-top:24px}.waitColor .waitColorInner .tools .button[data-v-e762172c]{height:35px;line-height:35px;padding:2px 24px;border-radius:12px;background-color:#3487ff;color:#fff;font-size:16px;text-align:center;font-family:PingFangSC-regular;cursor:pointer}.waitColor .waitColorInner .tools .button[data-v-e762172c]:hover{background-color:rgba(52,135,255,.8)}