@charset "UTF-8";:root{font-size:16px}@font-face{font-family:FusionPixel;src:url(https://cdn.imbottle.com/static_files/fonts/fusion-pixel-12px-monospaced-zh_hans.otf.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@keyframes loading-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html,body{margin:0 auto;background-color:#e1f5fe;width:100%;height:100%;font-family:FusionPixel,sans-serif;letter-spacing:1.5px}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000014;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00000047}#app{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.header-bar{position:relative;z-index:100;display:flex;align-items:center;width:100%;height:4rem;overflow:hidden;background-color:#1994ff}.header-bar .title{position:absolute;left:0;top:50%;transform:translateY(-50%);color:#fff;font-size:2rem;margin:0 20px;-webkit-user-select:none;user-select:none;transition:.5s ease}.header-bar .bar-btn,.header-bar .right-btn,.header-bar .left-btn{flex:1;color:#fff;font-size:1.2rem;margin:20px;-webkit-user-select:none;user-select:none;cursor:pointer;transition:.5s ease}.header-bar .bar-btn:hover,.header-bar .right-btn:hover,.header-bar .left-btn:hover{color:#d6d6d6}.header-bar .left-btn{text-align:left;pointer-events:none;opacity:0;transform:translate(10%)}.header-bar .right-btn{text-align:right}.header-bar .bundle-btn{display:inline-block;width:0;height:0;margin-right:0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAACgBAMAAAB54XoeAAAAHlBMVEUAAABiMiBPKxCmVyxCHgHNe0Z9QDSBVjS3mWPfw41+2caXAAAAAXRSTlMAQObYZgAAALdJREFUeNrtzGFpBDEURtG18CzEQizEwlqIhbGwFuq2XArflIFAoT/fPQLOS9L/VYwwNDR8XhOFFSMWDH8YGr7xWDcKCw1DQ8PzOqMKhoaGFz4obFQM5EK70NBwx71+4YMrXugYGhpuTLxj4742BhZ6hIaG5wtxhxWGvxgazriwURhY6BMaGhYe4bHeaBsaGm5M/CEsNAsNDQcea0QuNAwNDbMidaQ5XG1CQ0PEOFnxQuPQ0FAS4hvW/GvpWAUHRAAAAABJRU5ErkJggg==);background-size:contain;background-repeat:no-repeat;cursor:pointer;transition:.5s ease}.header-bar .bundle-btn.active{width:2rem;height:2rem;margin-right:15px}.header-bar .bundle-btn.open{pointer-events:none;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAACgBAMAAAB54XoeAAAAG1BMVEX///+3mWPRgkmsbkKPWzWBVjRyRyhkPSFQMRrdziD2AAAAAXRSTlMAQObYZgAAAMdJREFUeNrt1bENhEAMRNFrgRZogRZogRbcglvYsk9zgUdCiwTZyfyXevnZiA8AAAAA/Ll4IoUgwfcEo+yyXfF1L1kIEmwcDJmdx0ROnL4lSLBn0Gs6te5K8RwJEuwZPMTVVcYTbh1CkGDP4BBXf9bi11k8OD8+ZAhBgj2DKbNqlG1iLW6lECTYOBiyyOl3ZR5hlJRFUggSfEXQ58uWnVoECXYPDrncn3l1WRwMGUKQYNNgybKLRckSxS2CBF8RtLxpFIIEmwe/9bdSulXytTcAAAAASUVORK5CYII=)}.header-bar .bundle-btn:hover{transform:scale(1.1)}.header-bar a{color:#fff;text-decoration:none;transition:.5s ease}.header-bar a:hover{text-decoration:underline}.header-bar.left-btn-visible .title{margin:0;opacity:0;transform:translate(-50%,-50%);pointer-events:none}.header-bar.left-btn-visible .left-btn{opacity:1;pointer-events:auto;transform:none}.page-content{position:relative;flex:1}.page-content.column-view{--view: column}.page-content.column-view .pane{position:absolute;width:100%;height:50%;left:0;top:unset;right:unset;transition:.5s ease}.page-content.column-view #pane-1{top:0}.page-content.column-view #pane-2{bottom:0}.page-content.row-view{--view: row}.page-content.row-view .pane{position:absolute;width:50%;height:100%;top:0;transition:.5s ease}.page-content.row-view #pane-1{left:0}.page-content.row-view #pane-2{right:0}.page-content.no-transition .pane{transition:none!important}.page-content .pane>div{position:absolute;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;transition:.5s ease}.page-content .pane>div::-webkit-scrollbar{display:none}.page-content .floating-pane{position:absolute;z-index:200;width:100%;height:100%;left:0;top:0;pointer-events:none;opacity:0;transition:.5s ease}.page-content .floating-pane .close-btn{position:absolute;z-index:201;right:0;top:0;margin:10px;font-weight:700;cursor:pointer;transition:.3s ease}.page-content .floating-pane .close-btn:before{content:"×";line-height:1;font-size:1.7rem;color:#fff}.page-content .floating-pane .close-btn:hover{transform:scale(1.2)}.page-content .floating-pane #floating-pane-content,.page-content .floating-pane .floating-pane-content{position:relative;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;background-color:#80d2f8}.page-content .floating-pane.full{position:fixed}.page-content .floating-pane.half-left{width:50%}.page-content .floating-pane.half-right{width:50%;left:unset;right:0}.page-content .floating-pane.half-top{height:50%}.page-content .floating-pane.half-bottom{height:50%;top:unset;bottom:0}.page-content .floating-pane.active{pointer-events:auto;opacity:1}@media screen and (max-width:800px){.page-content.row-view{--view: column}.page-content.row-view .pane{position:absolute;width:100%;height:50%;left:0;top:unset;right:unset;transition:.5s ease}.page-content.row-view #pane-1{top:0}.page-content.row-view #pane-2{bottom:0}}.loading-indicator{position:fixed;z-index:12451;right:5px;bottom:5px;width:2rem;height:2rem;image-rendering:pixelated;pointer-events:none;opacity:0;filter:drop-shadow(0 0 7px rgba(25,148,255,.8));transition:.3s ease}#pop{position:fixed;z-index:500;left:0;top:0;width:100%;text-align:center;color:#e7e7e7;background-color:#2929298c;font-size:1.3rem;padding:20px 40px;box-sizing:border-box;transform:translateY(-100%);transition:.5s ease}#pop.active{transform:translateY(0)}