@charset "utf-8";*{margin:0;padding:0}:root{--text-basic-color:#333333;--text-light-color:#FAFAFA;--basic-font-size:14px;--root-bar-font-size:14px;--nav-bar-font-size:14px;--bg-basic-color:#FAFAFA;--bg-root-nav:#6495ED;--bg-status-bar:#FFE4C4;--bg-nav-bar:#6495ED;--nav-z-index:100;--modal-z-index:200;--prompt-z-index:300;--loading-z-index:1000;--zone-max-width:480px;--zone-max-height:840px;--status-bar-height:24px;--nav-bar-height:40px;--root-bar-height:64px;--zone-side-blank:12px;--zone-bottom-blank:12px;--nav-bar-img-size:24px;--inlet-icon-size:64px;--entry-icon-size:24px;--zone-top:max(calc((100vh - var(--zone-max-height)) / 2), 0px)}a,button,img,input,option,select,textarea{outline:0;-webkit-highlight:none;-webkit-appearance:none;appearance:none;-webkit-appearance:none;tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent}button,img,option,select{border:none;border:0;border-image-width:0}img{width:100%}textarea{resize:none}a,button{cursor:pointer}button:active{transform:translateY(1px)}button,input[type=button]{border:none;background-color:transparent}input{font-size:var(--basic-font-size);border:2px solid #ccc}input[type=checkbox]{position:relative;width:14px;height:14px;border-radius:50%}input[type=checkbox]:checked::before{content:'\2714';position:absolute;display:inline-block;width:14px;height:14px;border-radius:50%;font-size:12px;line-height:12px;left:-2px;top:-2px;font-weight:700;color:#6e3c03;text-align:center;background:linear-gradient(180deg,#fbfad6 0,#c8bb81 100%)}button,input,option,select{box-sizing:border-box;font-size:var(--basic-font-size);font-weight:500;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}a{color:var(--text-basic-color);text-decoration:none}li,ol,ul{list-style:none}body{color:var(--text-basic-color);font-size:var(--basic-font-size);line-height:var(--basic-font-size);user-select:none;scrollbar-width:none;-ms-user-select:none;-ms-touch-select:none;-moz-user-select:-moz-none;-webkit-user-select:none;-webkit-touch-callout:none;background:url(../img/bg.jpg)}.page::-webkit-scrollbar,.root::-webkit-scrollbar,body::-webkit-scrollbar{display:none}.page,.root{position:relative;width:100%;max-width:var(--zone-max-width);height:100vh;max-height:var(--zone-max-height);margin:0 auto;margin-top:var(--zone-top);overflow-y:auto;background-color:var(--bg-basic-color);box-shadow:0 0 1px #000}.main{padding:0 var(--zone-side-blank);overflow-y:auto;box-sizing:border-box;background-color:var(--bg-basic-color)}.root .main{min-height:calc(100% - var(--status-bar-height));padding-bottom:var(--root-bar-height)}.page .main{min-height:100%;padding-top:calc(var(--status-bar-height) + var(--nav-bar-height));padding-bottom:var(--zone-bottom-blank)}.nav-bar,.root-nav,.status-bar{box-sizing:border-box}.status-bar{position:relative;height:var(--status-bar-height);text-align:center;line-height:var(--status-bar-height);z-index:var(--nav-z-index);background-color:var(--bg-status-bar)}.root .status-bar{position:relative}.page .status-bar{position:fixed;top:var(--zone-top);width:100%;max-width:var(--zone-max-width)}.nav-bar{position:fixed;display:flex;align-items:center;justify-content:center;top:calc(var(--zone-top) + var(--status-bar-height));width:100%;max-width:var(--zone-max-width);height:var(--nav-bar-height);padding:0 8px;z-index:var(--nav-z-index);border-bottom:1px solid #d3d3d3;background:var(--bg-nav-bar)}.nav-bar p{display:flex;align-items:center;width:72px}.nav-bar img{width:var(--nav-bar-img-size);height:var(--nav-bar-img-size)}.nav-bar>span{flex-grow:1;text-align:center}.nav-bar a{width:72px;font-size:var(--nav-bar-font-size);text-align:right}.root-nav{position:fixed;bottom:0;bottom:var(--zone-top);display:flex;align-items:center;justify-content:space-between;width:100%;max-width:var(--zone-max-width);height:var(--root-bar-height);padding:0 12px;background:var(--bg-root-nav)}.root-nav a{flex-grow:1;text-align:center}.root-nav img{width:24px;height:24px;border-radius:4px}.root-nav span{display:block;margin-top:4px;font-size:var(--root-bar-font-size);line-height:14px}.inlet-list{display:flex;align-items:center;justify-content:space-around}.inlet-row{flex-direction:row}.inlet-col{flex-direction:column}.inlet-list .icon{width:var(--inlet-icon-size);height:var(--inlet-icon-size)}.inlet-list p{margin-top:4px;text-align:center}.entry-list{padding:0 8px;border-radius:8px;background-color:#f0f0f0}.entry-list .entry-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #ccc}.entry-list .entry-item:last-child{border-bottom:none}.entry-list .key,.entry-list .val{display:flex;align-items:center}.entry-list .key .icon{width:var(--entry-icon-size);height:var(--entry-icon-size)}.entry-list .val .icon{width:var(--entry-icon-size);height:var(--entry-icon-size)}.entry-list .text{margin:0 2px}.prompt{position:fixed;width:80%;left:10%;z-index:var(--prompt-z-index);text-align:center}.prompt-top{top:10%}.prompt-middle{top:45%}.prompt-bottom{bottom:10%}.prompt p{display:inline-block;padding:8px 12px;color:var(--text-light-color);line-height:24px;border-radius:6px;background:#00000080}.prompt .success{color:#09bb07;background:#00000080}.prompt .warn{color:#f99f20;background:#00000080}.prompt .error{color:#f03030;background:#00000080}.prompt-hide{animation:prompt-hide 1s linear forwards}@keyframes prompt-hide{from{opacity:1}to{opacity:0}}.loading{position:absolute;width:120px;height:120px;top:50%;left:50%;margin-top:-60px;margin-left:-60px;text-align:center;line-height:0;z-index:var(--loading-z-index);border-radius:8px;background-color:rgba(0,0,0,.1)}.loading .anima{display:flex;align-items:center;justify-content:space-between;width:64px;height:64px;margin:0 auto;margin-top:16px}.loading .anima-item{width:16px;height:32px;background-color:#999}.loading .anima-1{animation:loading-anima .6s -.8s infinite alternate linear}.loading .anima-2{animation:loading-anima .6s -.5s infinite alternate linear}.loading .anima-3{animation:loading-anima .6s -.3s infinite alternate linear}.loading p{margin-top:16px}@keyframes loading-anima{0%{transform:rotateZ(0)}12.5%{transform:rotateZ(45deg)}25%{transform:rotateZ(90deg)}37.5%{transform:rotateZ(135deg)}50%{transform:rotateZ(180deg)}62.5%{transform:rotateZ(225deg)}75%{transform:rotateZ(270deg)}87.5%{transform:rotateZ(305deg)}100%{transform:rotateZ(360deg)}}.modal{display:none;position:fixed;z-index:var(--modal-z-index);width:100%;max-width:var(--zone-max-width);height:100%;max-height:var(--zone-max-height);top:var(--zone-top);line-height:0;margin:0 auto}.modal-mask{position:absolute;width:100%;height:100%;top:0;left:0;opacity:.6;background-color:#000}.modal-body{position:absolute;box-sizing:border-box;width:calc(100% - 12px);top:50%;transform:translateY(-50%);padding:12px;margin-left:5px;background-color:transparent;border-radius:5px;line-height:0}.modal-content{line-height:16px;position:relative;max-height:80vh;overflow:hidden;overflow-y:auto;top:0;padding:7px 9px 8px;background:#f0f0f0;box-shadow:0 1px 1px 0 rgba(0,0,0,.5),0 -1px 0 0 #649ccf}.modal-close{width:19px;height:auto;position:absolute;top:20px;right:20px}