[data-v-fe5a9b4e]{margin:0;padding:0}html.light[data-v-fe5a9b4e]{color-scheme:light}[data-v-fe5a9b4e]:root{--theme-background-1:#595959;--theme-background-2:#e8e8e8;--theme-background-3:#c1c1c1;--theme-background-4:#d3d3d3;--theme-background-5:#bcbcbc;--theme-color-1:#000}.dark[data-v-fe5a9b4e]{--theme-background-1:#000;--theme-background-2:#001529;--theme-background-3:#096dd9;--theme-background-4:#1890ff;--theme-background-5:#001529;--theme-color-1:#fff}.light[data-v-fe5a9b4e]{--theme-background-1:#595959;--theme-background-2:#e8e8e8;--theme-background-3:#c1c1c1;--theme-background-4:#d3d3d3;--theme-background-4:#bcbcbc;--theme-color-1:#000}.pink[data-v-fe5a9b4e]{--theme-background:#fff;--theme-color:pink}body[data-v-fe5a9b4e]{margin:0;padding:0;font-size:14px}div[data-v-fe5a9b4e]{box-sizing:border-box}.left-menu-contanier[data-v-fe5a9b4e]{height:calc(100vh - 140px);color:var(--theme-color-1);background-color:var(--theme-background-2);overflow-y:auto;overflow-x:hidden}.left-menu-contanier[data-v-fe5a9b4e]::-webkit-scrollbar{width:6px;background-color:#eee;border-radius:3px;position:absolute;top:0;right:6px}.left-menu-contanier[data-v-fe5a9b4e]::-webkit-scrollbar-track{background-color:#eee;border-radius:3px}.left-menu-contanier[data-v-fe5a9b4e]::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.left-menu-contanier .menu-name[data-v-fe5a9b4e]{height:40px;line-height:40px;text-align:center;cursor:pointer;margin:0;transition:padding .5s}.left-menu-contanier .menu-name.menu-child[data-v-fe5a9b4e]{padding-left:50px}.left-menu-contanier .menu-name.menu-child[data-v-fe5a9b4e]:hover{padding-left:20px}.left-menu-contanier .menu-name.active.menu-child[data-v-fe5a9b4e]{padding-left:10px}.left-menu-contanier .menu-child-content[data-v-fe5a9b4e]{height:0;transition:height .5s;overflow:hidden}.left-menu-contanier .menu-child-content.height-auto[data-v-fe5a9b4e]{height:auto}[data-v-abbc506c]{margin:0;padding:0}html.light[data-v-abbc506c]{color-scheme:light}[data-v-abbc506c]:root{--theme-background-1:#595959;--theme-background-2:#e8e8e8;--theme-background-3:#c1c1c1;--theme-background-4:#d3d3d3;--theme-background-5:#bcbcbc;--theme-color-1:#000}.dark[data-v-abbc506c]{--theme-background-1:#000;--theme-background-2:#001529;--theme-background-3:#096dd9;--theme-background-4:#1890ff;--theme-background-5:#001529;--theme-color-1:#fff}.light[data-v-abbc506c]{--theme-background-1:#595959;--theme-background-2:#e8e8e8;--theme-background-3:#c1c1c1;--theme-background-4:#d3d3d3;--theme-background-4:#bcbcbc;--theme-color-1:#000}.pink[data-v-abbc506c]{--theme-background:#fff;--theme-color:pink}body[data-v-abbc506c]{margin:0;padding:0;font-size:14px}div[data-v-abbc506c]{box-sizing:border-box}.left-menu[data-v-abbc506c]{width:200px;transition:left .2s;position:relative;z-index:3;background-color:var(--theme-background-1)}.left-menu .logo[data-v-abbc506c]{height:80px;line-height:80px;color:#fff;font-family:ChannelSlanted2}.left-menu .left-menu-bottom[data-v-abbc506c]{height:60px;line-height:60px;color:#707070;background-color:#fbfbfb;position:relative;top:1}.left-menu .mask[data-v-abbc506c]{width:calc(100vw - 200px);height:100vh;position:absolute;right:calc(200px - 100vw);top:0;z-index:2;background-color:#000;opacity:.6;transition:opacity 1s}@media screen and (max-width:1000px){.left-menu[data-v-abbc506c]{position:fixed}}[data-v-eb2fa50e]{margin:0;padding:0}html.light[data-v-eb2fa50e]{color-scheme:light}[data-v-eb2fa50e]:root{--theme-background-1:#595959;--theme-background-2:#e8e8e8;--theme-background-3:#c1c1c1;--theme-background-4:#d3d3d3;--theme-background-5:#bcbcbc;--theme-color-1:#000}.dark[data-v-eb2fa50e]{--theme-background-1:#000;--theme-background-2:#001529;--theme-background-3:#096dd9;--theme-background-4:#1890ff;--theme-background-5:#001529;--theme-color-1:#fff}.light[data-v-eb2fa50e]{--theme-background-1:#595959;--theme-background-2:#e8e8e8;--theme-background-3:#c1c1c1;--theme-background-4:#d3d3d3;--theme-background-4:#bcbcbc;--theme-color-1:#000}.pink[data-v-eb2fa50e]{--theme-background:#fff;--theme-color:pink}body[data-v-eb2fa50e]{margin:0;padding:0;font-size:14px}div[data-v-eb2fa50e]{box-sizing:border-box}.login-container[data-v-eb2fa50e]{display:flex;justify-content:space-between}.login-container .left-image[data-v-eb2fa50e],.login-container .right-form[data-v-eb2fa50e]{width:50%}.login-container .left-image[data-v-eb2fa50e]{background-color:#bcbcbc}[data-v-6e2783e5]{margin:0;padding:0}html.light[data-v-6e2783e5]{color-scheme:light}[data-v-6e2783e5]:root{--theme-background-1:#595959;--theme-background-2:#e8e8e8;--theme-background-3:#c1c1c1;--theme-background-4:#d3d3d3;--theme-background-5:#bcbcbc;--theme-color-1:#000}.dark[data-v-6e2783e5]{--theme-background-1:#000;--theme-background-2:#001529;--theme-background-3:#096dd9;--theme-background-4:#1890ff;--theme-background-5:#001529;--theme-color-1:#fff}.light[data-v-6e2783e5]{--theme-background-1:#595959;--theme-background-2:#e8e8e8;--theme-background-3:#c1c1c1;--theme-background-4:#d3d3d3;--theme-background-4:#bcbcbc;--theme-color-1:#000}.pink[data-v-6e2783e5]{--theme-background:#fff;--theme-color:pink}body[data-v-6e2783e5]{margin:0;padding:0;font-size:14px}div[data-v-6e2783e5]{box-sizing:border-box}.login-container[data-v-6e2783e5]{justify-content:space-between}.login-container .left-image[data-v-6e2783e5],.login-container .right-form[data-v-6e2783e5]{width:50%}.login-container .left-image[data-v-6e2783e5]{background-color:#bcbcbc}#app-piano{width:800px;height:100%;margin:0 auto;padding:0}.oscillatorType{position:absolute;top:50px;right:50px}.piano{transform-style:preserve-3d;perspective:1500px;width:1260px;top:50%;left:50%;transform:translateX(-50%) translateZ(10px) rotateY(0deg) rotateX(-50deg)}.piano,.white-key-group{position:absolute;height:70px}.white-key-group{z-index:1;transform-style:preserve-3d;width:60px;transform-origin:0 0 -400px;backface-visibility:hidden;transition:.2s}.white-key-group .size-lr{width:400px;height:70px}.white-key-group .size-t{width:60px;height:400px}.white-key-group .tec{position:absolute;top:0;left:0;transform-origin:0 0;border:1px solid #ccc}.white-key-group .y90-left,.white-key-group .y90-right{transform:rotateY(90deg);background:#999;background-image:linear-gradient(to bottom right,#fff,#999)}.white-key-group .y90-right{left:60px}.white-key-group .x90-top{transform:rotateX(-90deg);background:#fff;background-image:linear-gradient(to bottom right,#eee,#fff)}.white-key-group .x90-front{transform:rotateX(0deg);width:60px;height:70px;background:#eee;background-image:linear-gradient(to top bottom,#fff,#eee);position:relative}.white-key-group .x90-front2{transform:rotateY(0deg);margin-left:60px;width:60px;height:70px;background:#eee;background-image:linear-gradient(to bottom right,#999,#eee)}.white-key-group.pressed{transform:rotateX(-10deg)}.black-key-group{margin-top:-42px;transform:translateZ(-150px);z-index:100;transform-style:preserve-3d;width:30px;height:40px;position:absolute;transform-origin:0 0 -250px;backface-visibility:hidden;transition:.2s}.black-key-group .size-lr{width:250px;height:40px}.black-key-group .size-t{width:30px;height:250px}.black-key-group .tec{position:absolute;top:0;left:0;transform-origin:0 0;border:1px solid #222}.black-key-group .y90-left,.black-key-group .y90-right{transform:rotateY(90deg);background:#222;background-image:linear-gradient(to bottom right,#111,#222)}.black-key-group .y90-right{left:30px}.black-key-group .x90-top{transform:rotateX(-90deg);background:#111;background-image:linear-gradient(to bottom right,#333,#111)}.black-key-group .x90-front{transform:rotateX(0deg);width:30px;height:40px;background:#333;background-image:linear-gradient(to top bottom,#111,#333);position:relative}.black-key-group .x90-front2{transform:rotateY(0deg);margin-left:30px;width:30px;height:40px;background:#333;background-image:linear-gradient(to bottom right,#222,#333)}.black-key-group .f-notes{color:#eee;top:5%}.black-key-group .f-keymap{color:#eee;bottom:5%}.black-key-group.pressed{transform:rotateX(-10deg) translateZ(-150px);margin-top:-20px}.active{box-shadow:0 0 150px 10px #72ecfc}.f-notes{font-size:16px;top:10%}.f-keymap,.f-notes{font-weight:700;color:#222;position:absolute;width:100%;text-align:center}.f-keymap{font-size:12px;bottom:10%}[data-v-2b81a452]{margin:0;padding:0}html.light[data-v-2b81a452]{color-scheme:light}[data-v-2b81a452]:root{--theme-background-1:#595959;--theme-background-2:#e8e8e8;--theme-background-3:#c1c1c1;--theme-background-4:#d3d3d3;--theme-background-5:#bcbcbc;--theme-color-1:#000}.dark[data-v-2b81a452]{--theme-background-1:#000;--theme-background-2:#001529;--theme-background-3:#096dd9;--theme-background-4:#1890ff;--theme-background-5:#001529;--theme-color-1:#fff}.light[data-v-2b81a452]{--theme-background-1:#595959;--theme-background-2:#e8e8e8;--theme-background-3:#c1c1c1;--theme-background-4:#d3d3d3;--theme-background-4:#bcbcbc;--theme-color-1:#000}.pink[data-v-2b81a452]{--theme-background:#fff;--theme-color:pink}body[data-v-2b81a452]{margin:0;padding:0;font-size:14px}div[data-v-2b81a452]{box-sizing:border-box}.vr-player-container[data-v-2b81a452]{width:calc(100vw - 40px);height:calc(100vh - 50px);background-color:#262626;position:relative}.vr-player-container .input-box[data-v-2b81a452]{position:absolute;top:0;left:0;background-color:#fff;display:flex}.vr-player-container .input-box .InputText[data-v-2b81a452]{width:calc(100vw - 168px)}.vr-player-container .input-box .input-button[data-v-2b81a452]{display:flex;justify-content:space-between}.vr-player-container .input-box .FileButton[data-v-2b81a452]{display:flex;position:relative}.vr-player-container .input-box .FileButton .input-files[data-v-2b81a452]{width:64px;height:32px;visibility:hidden;position:relative;z-index:1}.vr-player-container .input-box .FileButton button[data-v-2b81a452]{position:absolute;left:0;z-index:2}.vr-player-container .video-camera[data-v-2b81a452]{width:100%;height:calc(100% - 33px);position:absolute;top:33px;display:flex;justify-content:center;align-items:center}.vr-player-container .easy-player-box[data-v-2b81a452],.vr-player-container .video-camera video[data-v-2b81a452]{width:100%;height:100%}[data-v-7ea1df3b]{margin:0;padding:0}html.light[data-v-7ea1df3b]{color-scheme:light}[data-v-7ea1df3b]:root{--theme-background-1:#595959;--theme-background-2:#e8e8e8;--theme-background-3:#c1c1c1;--theme-background-4:#d3d3d3;--theme-background-5:#bcbcbc;--theme-color-1:#000}.dark[data-v-7ea1df3b]{--theme-background-1:#000;--theme-background-2:#001529;--theme-background-3:#096dd9;--theme-background-4:#1890ff;--theme-background-5:#001529;--theme-color-1:#fff}.light[data-v-7ea1df3b]{--theme-background-1:#595959;--theme-background-2:#e8e8e8;--theme-background-3:#c1c1c1;--theme-background-4:#d3d3d3;--theme-background-4:#bcbcbc;--theme-color-1:#000}.pink[data-v-7ea1df3b]{--theme-background:#fff;--theme-color:pink}body[data-v-7ea1df3b]{margin:0;padding:0;font-size:14px}div[data-v-7ea1df3b]{box-sizing:border-box}.search-box-container[data-v-7ea1df3b]{padding:20px;border-radius:5px}.search-box-container .search-url[data-v-7ea1df3b]{display:flex;margin-bottom:5px}.search-box-container .search-url span[data-v-7ea1df3b]{color:#bcbcbc;margin-right:8px;cursor:pointer}.search-box-container .search-url span[data-v-7ea1df3b]:last-child{margin-right:0}.search-box-container .search-url span.selected[data-v-7ea1df3b]{color:#323232}.search-box-container .ant-input-group-addon:last-child{padding:0}[data-v-1337b601]{margin:0;padding:0}html.light[data-v-1337b601]{color-scheme:light}[data-v-1337b601]:root{--theme-background-1:#595959;--theme-background-2:#e8e8e8;--theme-background-3:#c1c1c1;--theme-background-4:#d3d3d3;--theme-background-5:#bcbcbc;--theme-color-1:#000}.dark[data-v-1337b601]{--theme-background-1:#000;--theme-background-2:#001529;--theme-background-3:#096dd9;--theme-background-4:#1890ff;--theme-background-5:#001529;--theme-color-1:#fff}.light[data-v-1337b601]{--theme-background-1:#595959;--theme-background-2:#e8e8e8;--theme-background-3:#c1c1c1;--theme-background-4:#d3d3d3;--theme-background-4:#bcbcbc;--theme-color-1:#000}.pink[data-v-1337b601]{--theme-background:#fff;--theme-color:pink}body[data-v-1337b601]{margin:0;padding:0;font-size:14px}div[data-v-1337b601]{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;padding:20px}div button[data-v-1337b601],div input[data-v-1337b601]{margin:10px 0;padding:5px 10px}[data-v-f2383b64]{margin:0;padding:0}html.light[data-v-f2383b64]{color-scheme:light}[data-v-f2383b64]:root{--theme-background-1:#595959;--theme-background-2:#e8e8e8;--theme-background-3:#c1c1c1;--theme-background-4:#d3d3d3;--theme-background-5:#bcbcbc;--theme-color-1:#000}.dark[data-v-f2383b64]{--theme-background-1:#000;--theme-background-2:#001529;--theme-background-3:#096dd9;--theme-background-4:#1890ff;--theme-background-5:#001529;--theme-color-1:#fff}.light[data-v-f2383b64]{--theme-background-1:#595959;--theme-background-2:#e8e8e8;--theme-background-3:#c1c1c1;--theme-background-4:#d3d3d3;--theme-background-4:#bcbcbc;--theme-color-1:#000}.pink[data-v-f2383b64]{--theme-background:#fff;--theme-color:pink}body[data-v-f2383b64]{margin:0;padding:0;font-size:14px}div[data-v-f2383b64]{box-sizing:border-box}.right-content-header[data-v-f2383b64]{padding:0 20px;display:flex;justify-content:space-between;line-height:80px;color:var(--theme-color-1);background-color:var(--theme-background-5)}.right-content-header .tab-name[data-v-f2383b64]{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:112px}.right-content-header .set[data-v-f2383b64]{display:flex}.right-content-header .set p[data-v-f2383b64]{margin-left:15px;cursor:pointer;margin-bottom:0;font-size:16px}.right-content-header .menu-toggle[data-v-f2383b64]{width:40px;height:80px;font-size:20px;display:none}@media screen and (max-width:1000px){.right-content-header .menu-toggle[data-v-f2383b64]{display:block}}.pianoclass.ant-drawer .ant-drawer-content{overflow-y:hidden}.vrclass.ant-drawer .ant-drawer-close{width:20px;height:20px;display:flex;justify-content:center;align-items:center}.vrclass.ant-drawer .anticon.anticon-close{position:relative;top:0;left:-15px}[data-v-554565b7]{margin:0;padding:0}html.light[data-v-554565b7]{color-scheme:light}[data-v-554565b7]:root{--theme-background-1:#595959;--theme-background-2:#e8e8e8;--theme-background-3:#c1c1c1;--theme-background-4:#d3d3d3;--theme-background-5:#bcbcbc;--theme-color-1:#000}.dark[data-v-554565b7]{--theme-background-1:#000;--theme-background-2:#001529;--theme-background-3:#096dd9;--theme-background-4:#1890ff;--theme-background-5:#001529;--theme-color-1:#fff}.light[data-v-554565b7]{--theme-background-1:#595959;--theme-background-2:#e8e8e8;--theme-background-3:#c1c1c1;--theme-background-4:#d3d3d3;--theme-background-4:#bcbcbc;--theme-color-1:#000}.pink[data-v-554565b7]{--theme-background:#fff;--theme-color:pink}body[data-v-554565b7]{margin:0;padding:0;font-size:14px}div[data-v-554565b7]{box-sizing:border-box}.app-container[data-v-554565b7]{text-align:left;padding:10px}.app-container .hao_tab[data-v-554565b7]{margin-bottom:30px;background-color:#fff;border-radius:5px;padding:10px 20px}.app-container .hao_tab .href_tab_div[data-v-554565b7]{display:flex;flex-wrap:wrap}.app-container .hao_tab .href_tab_div .href_tab[data-v-554565b7]{margin-right:15px;border:1px solid #8b8b8b;padding:10px;min-width:120px;max-width:280px;cursor:pointer;margin-bottom:15px;overflow-wrap:break-word}.app-container .hao_tab .href_tab_div .href_tab p[data-v-554565b7]{margin:0;font-size:12px;color:#8b8b8b}.app-container .hao_tab .href_tab_div .href_tab p[data-v-554565b7]:first-child{margin-bottom:10px;font-size:15px;color:#656565}[data-v-f573a724]{margin:0;padding:0}html.light[data-v-f573a724]{color-scheme:light}[data-v-f573a724]:root{--theme-background-1:#595959;--theme-background-2:#e8e8e8;--theme-background-3:#c1c1c1;--theme-background-4:#d3d3d3;--theme-background-5:#bcbcbc;--theme-color-1:#000}.dark[data-v-f573a724]{--theme-background-1:#000;--theme-background-2:#001529;--theme-background-3:#096dd9;--theme-background-4:#1890ff;--theme-background-5:#001529;--theme-color-1:#fff}.light[data-v-f573a724]{--theme-background-1:#595959;--theme-background-2:#e8e8e8;--theme-background-3:#c1c1c1;--theme-background-4:#d3d3d3;--theme-background-4:#bcbcbc;--theme-color-1:#000}.pink[data-v-f573a724]{--theme-background:#fff;--theme-color:pink}body[data-v-f573a724]{margin:0;padding:0;font-size:14px}div[data-v-f573a724]{box-sizing:border-box}.right-content-content[data-v-f573a724]{width:100%;height:calc(100vh - 80px);overflow-x:hidden;overflow-y:auto;background-color:#f8f8f8}[data-v-0220d9e2]{margin:0;padding:0}html.light[data-v-0220d9e2]{color-scheme:light}[data-v-0220d9e2]:root{--theme-background-1:#595959;--theme-background-2:#e8e8e8;--theme-background-3:#c1c1c1;--theme-background-4:#d3d3d3;--theme-background-5:#bcbcbc;--theme-color-1:#000}.dark[data-v-0220d9e2]{--theme-background-1:#000;--theme-background-2:#001529;--theme-background-3:#096dd9;--theme-background-4:#1890ff;--theme-background-5:#001529;--theme-color-1:#fff}.light[data-v-0220d9e2]{--theme-background-1:#595959;--theme-background-2:#e8e8e8;--theme-background-3:#c1c1c1;--theme-background-4:#d3d3d3;--theme-background-4:#bcbcbc;--theme-color-1:#000}.pink[data-v-0220d9e2]{--theme-background:#fff;--theme-color:pink}body[data-v-0220d9e2]{margin:0;padding:0;font-size:14px}div[data-v-0220d9e2]{box-sizing:border-box}.right-content[data-v-0220d9e2]{width:calc(100vw - 200px)}@media screen and (max-width:1000px){.right-content[data-v-0220d9e2]{width:100%}}[data-v-47e99e4e]{margin:0;padding:0}html.light[data-v-47e99e4e]{color-scheme:light}[data-v-47e99e4e]:root{--theme-background-1:#595959;--theme-background-2:#e8e8e8;--theme-background-3:#c1c1c1;--theme-background-4:#d3d3d3;--theme-background-5:#bcbcbc;--theme-color-1:#000}.dark[data-v-47e99e4e]{--theme-background-1:#000;--theme-background-2:#001529;--theme-background-3:#096dd9;--theme-background-4:#1890ff;--theme-background-5:#001529;--theme-color-1:#fff}.light[data-v-47e99e4e]{--theme-background-1:#595959;--theme-background-2:#e8e8e8;--theme-background-3:#c1c1c1;--theme-background-4:#d3d3d3;--theme-background-4:#bcbcbc;--theme-color-1:#000}.pink[data-v-47e99e4e]{--theme-background:#fff;--theme-color:pink}body[data-v-47e99e4e]{margin:0;padding:0;font-size:14px}div[data-v-47e99e4e]{box-sizing:border-box}.layout-container[data-v-47e99e4e]{display:flex;justify-content:space-between}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}$fontSize-12:12px;$fontSize-13:13px;$fontSize-14:14px;$fontSize-15:15px;$fontSize-16:16px;$fontSize-17:17px;$fontSize-18:18px;$fontSize-19:19px;$fontSize-20:20px;$fontSize-22:22px;$fontSize-24:24px;$fontColor-1:#656565;$fontColor-2:#000;$fontColor-3:#bcbcbc;$fontColor-4:#323232;$borderColor-1:#8b8b8b;$backgroundColor-1:#bcbcbc;$backgroundColor-2:#e8e8e8;$backgroundColor-3:#fbfbfb;$backgroundColor-4:#262626;@mixin scrollbar{&::-webkit-scrollbar{width:6px;position:absolute;top:0;right:6px}&::-webkit-scrollbar,&::-webkit-scrollbar-track{background-color:#eee;border-radius:3px}&::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}}@mixin Ellipsis{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}*{margin:0;padding:0}html.light{color-scheme:light}:root{--theme-background-1:#595959;--theme-background-2:#e8e8e8;--theme-background-3:#c1c1c1;--theme-background-4:#d3d3d3;--theme-background-5:#bcbcbc;--theme-color-1:#000}.dark{--theme-background-1:#000;--theme-background-2:#001529;--theme-background-3:#096dd9;--theme-background-4:#1890ff;--theme-background-5:#001529;--theme-color-1:#fff}.light{--theme-background-1:#595959;--theme-background-2:#e8e8e8;--theme-background-3:#c1c1c1;--theme-background-4:#d3d3d3;--theme-background-4:#bcbcbc;--theme-color-1:#000}.pink{--theme-background:#fff;--theme-color:pink}body{margin:0;padding:0;font-size:14px}div{box-sizing:border-box}[data-v-64eb7f5f]{margin:0;padding:0}html.light[data-v-64eb7f5f]{color-scheme:light}[data-v-64eb7f5f]:root{--theme-background-1:#595959;--theme-background-2:#e8e8e8;--theme-background-3:#c1c1c1;--theme-background-4:#d3d3d3;--theme-background-5:#bcbcbc;--theme-color-1:#000}.dark[data-v-64eb7f5f]{--theme-background-1:#000;--theme-background-2:#001529;--theme-background-3:#096dd9;--theme-background-4:#1890ff;--theme-background-5:#001529;--theme-color-1:#fff}.light[data-v-64eb7f5f]{--theme-background-1:#595959;--theme-background-2:#e8e8e8;--theme-background-3:#c1c1c1;--theme-background-4:#d3d3d3;--theme-background-4:#bcbcbc;--theme-color-1:#000}.pink[data-v-64eb7f5f]{--theme-background:#fff;--theme-color:pink}body[data-v-64eb7f5f]{margin:0;padding:0;font-size:14px}div[data-v-64eb7f5f]{box-sizing:border-box}@font-face{font-family:ChannelSlanted2;src:url(https://damonchu-1301459681.cos.ap-chengdu.myqcloud.com/damonchu.fun/font/Channel_Slanted2.ttf)}@font-face{font-family:Edwardian;src:url(https://damonchu-1301459681.cos.ap-chengdu.myqcloud.com/damonchu.fun/font/EdwardianScriptITC.ttf)}@font-face{font-family:Blazed;src:url(https://damonchu-1301459681.cos.ap-chengdu.myqcloud.com/damonchu.fun/font/Blazed.ttf)}.image-array-container[data-v-64eb7f5f]{width:100vw;height:100vh;position:relative}.image-array-container .select[data-v-64eb7f5f]{width:100vw;height:40px;padding:5px 0;border-bottom:1px solid var(--theme-background-1);background-color:var(--theme-background-2);color:var(--theme-background-1);display:flex;justify-content:center;position:fixed;top:0;left:0;z-index:1111}.image-array-container .select .select-btn[data-v-64eb7f5f]{width:100px;height:30px;overflow:hidden;position:relative}.image-array-container .select .select-btn>input[data-v-64eb7f5f]{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;cursor:pointer}.image-array-container .select .select-btn .ant-btn[data-v-64eb7f5f]{width:100%;height:100%;cursor:pointer}.image-array-container .select .page[data-v-64eb7f5f]{margin-left:10px;margin-top:0;position:relative;z-index:999;display:flex}.image-array-container .select .page .page-select[data-v-64eb7f5f]{margin-right:5px}.image-array-container .select .fullscreen-btn[data-v-64eb7f5f],.image-array-container .select .pick-btn[data-v-64eb7f5f]{margin-left:10px}.image-array-container .select .fullscreen-btn.fullscreen-btn>button[data-v-64eb7f5f],.image-array-container .select .pick-btn.fullscreen-btn>button[data-v-64eb7f5f]{background-color:transparent}.image-array-container .images[data-v-64eb7f5f]{width:100vw;height:calc(100vh - 40px);position:fixed;top:41px;left:0}.image-array-container .images .image-div[data-v-64eb7f5f]{position:relative}.image-array-container .images .image-div .image-number[data-v-64eb7f5f]{position:absolute;top:10px;right:10px;font-size:12px;opacity:.5;color:#fff;background-color:rgba(0,0,0,.4);padding:0 3px;border-radius:3px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.image-array-container .images.x-image[data-v-64eb7f5f]{overflow-x:auto;overflow-y:hidden;display:flex}.image-array-container .images.x-image img[data-v-64eb7f5f]{width:auto;height:100%}.image-array-container .images.y-image[data-v-64eb7f5f]{overflow-y:auto;overflow-x:hidden;display:block}.image-array-container .images.y-image img[data-v-64eb7f5f]{width:100vw;height:auto}