@charset "UTF-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{padding:0;margin:0;font:inherit;vertical-align:baseline;border:0}html,body,div{box-sizing:border-box}html,body{-webkit-tap-highlight-color:rgb(0 0 0 / 0%);-webkit-overflow-scrolling:touch;overflow-scrolling:touch}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}div,img{display:block}a{text-decoration:none;cursor:pointer}ol,ul{list-style:none}a,h1,h2,h3,h4,h5,h6,input,select,button,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;color:inherit;outline:none}button,input[type=submit],input[type=button]{cursor:pointer}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}[hidden]{display:none}template{display:none}html,body{font-family:initial;font-size:initial;font-feature-settings:initial;font-variant:none;line-height:initial;color:initial;background:initial}html,body{width:100vw;height:100vh;overflow:hidden}*{-webkit-user-select:none;-moz-user-select:none;user-select:none}img{pointer-events:painted}:root{--primary-color: #008BD0;--secondary-color: #071132}#app{position:relative;width:100%;height:100%;font-family:PingFang SC,Helvetica Neue,sans-serif}.page{position:absolute;left:0;top:0;width:100%;height:100%}#page-loading{width:100vw;height:100vh;margin:0;padding:0;display:flex;align-items:center;justify-content:center;background:#323232;z-index:999}#page-loading .loading-container{display:flex;flex-direction:column}#page-loading .loading-animate-box{position:relative;width:.8rem;height:.9rem;margin:0 auto .3rem;perspective:2rem}#page-loading .loading-animate-box>img{position:absolute;width:100%;transform-origin:0 0}#page-loading .loading-animate-box :nth-child(1){left:.4rem}#page-loading .loading-animate-box :nth-child(2){left:.4rem;transform:rotateY(-180deg)}#page-loading .loading-animate-box :nth-child(3){left:.4rem;animation:loading-animate 1.2s infinite}#page-loading p{text-align:center;font-size:.36rem;color:#ddd;font-weight:700;line-height:1.5}@keyframes loading-animate{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}#book-page{width:100%;height:100%;background:url(../assets/bg.CvjNwjsU.jpg) no-repeat center;background-size:cover;z-index:1}#book{position:relative;box-shadow:.05rem .05rem .15rem #00000080;transition:margin-left .2s}#book .page{background:#ffffff80;box-shadow:0 0 .2rem #0003}#book .even .gradient,#book .odd .gradient{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to left,#0000 95%,#0003)}#book .page img{width:100%;height:100%}.tap-hot{position:absolute;top:50%;left:50%;height:60vh;width:60vh;transform:translate(-50%,-50%);z-index:999}.hint-box{text-align:center}.hint-box .icon{display:inline-block;width:.5rem}.hint-box>p{color:#fff}#hint-tap{position:absolute;left:65%;top:30%;opacity:0}#hint-tap.animated{animation:hint-animate 1s 1s linear alternate forwards;animation-iteration-count:4}@keyframes hint-animate{0%{opacity:0}to{opacity:1}}#thumbnail-page{top:0;left:0;background:#fff;transition:transform .5s;overflow:auto}#thumbnail-page .header{width:100%;height:.8rem;background:#fff}#thumbnail-page .header .title{font-size:.32rem;line-height:.8rem;text-align:center}#thumbnail-page .header .back{position:absolute;left:.15rem;top:.15rem;width:.5rem;height:.5rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAAXNSR0IArs4c6QAABItJREFUeF7tnVt22jAQQO1kLSVsoJz8lawssLLQvx66AaBrSdxjF/KgGOsx4sxobn4jydLce0aybJm24c91BFrXo2fwDQI4lwABEMB5BJwPnwyAAM4j4Hz4ZAAEcB4B58MnAyCA8wg4Hz4ZAAGcR8D58MkACOA8As6HTwYQFGA+W6y6rvvRtO2y6bpN27Y/d4ftSvAS4k0hgEBIB/BN8zzWVHt397Tb/doIXEq8CQTIDOkU/FPzbdOsNWYDBMgQIBT+6RL7w1ZdvNV1KIPHTavGwu87p3EqQIAEbVLgDwIonAYQIFKAVPgIEBlojcVz4DMFaCQa0adc+P2+wP7P76eIS96kKFNAQJgfvn1/GTZ3Mv40LgCP01LGqBxUFYGvcPH3aX/CAcXEIdYOnwxwRQwP8BFgRAAv8BHgggCe4CPAmQDe4CPAUYD5/HHZvb29JK4V36tpvdW7Ni73+wCe4bvPAN7huxYA+P8mBpdTAPA/VgXuBAD+1yWhKwGA///9gBsBsh/n9rFT+kg35/bVhQDAH1ekegGAfz0/VC0A8Kcnh2oFAP40/Gr3AYAfBr9KAYAfDr86ASTgazy8EYc0rnQ1awDgx4E/la5CAOCnwa9iCgB+OnzzAgA/D75pAYCfD9+sAMCXgW9SAODLwTcngMfXtmVxG34fAPhlVDCxDwD8MvBNTAHALwdfvQDALwtftQDALw9frQDAvw18lQKIwFf8bd7boQ27kqq7AJFNHuCHkT+WUiXAw2zRRfX+rLDF49k545Woq0aA3FM7wE/ToQoBvL3GlYb6ci01AvTdy5oCKjy2JQl6rC1dAuR+kRMJop1RJUDuOmAYPRJESaBKgL7nEreCSBDugDoBkCAcnkRJlQIggQTasDbUCoAEYQBzS6kWQFKC9v5+rfW3+3Ih5tRXL8AggeMveebADalrQgAkCEGZVsaMAEiQBniqlikBkGAKZ/z/zQmABPGQr9UwKQASyElgVgAkkJHAtACnEIi8R6j4p91kUF9upQoB+qEhQZom1QiABAgwRIBMECdCVRmANUEc/L50lQKQCcJFqFYAJAiToGoBhr2C2WLVNc1zWDhGb5XWu8N2ldOG1rrVC4AE19VzIQASjEvgRgAkqHwnMHSOZU3wNVKuMsBp6EjwIYFLAZgOEGCIgEQmsH4KyW0GkJwOLEvgXgDvmQABjqnA63SAAJ/uijxKgABnGwjeJECACztIniRAgJEtRJHziF230X4oFQGu7CGLSNC/daP445UIMPEQQUqC/WGrMtYqOxX6YOdW5SQk0PotQwQItEhEAoVTAQIECjDsGGZ+qEJjFkCACAFyJUCAyGBrLT5kgtfX56ZtlzF91Hg3QAaIIXhWNvYUEgJkBFtr1VAJNKb/PqZkAAGzpiTQCh8BBOBPvViiGT4CCArwLsL8cVgYWvkoJVNAAQksNYkAlmgV6CsCFAiqpSYRwBKtAn1FgAJBtdQkAliiVaCvCFAgqJaaRABLtAr0FQEKBNVSkwhgiVaBviJAgaBaahIBLNEq0FcEKBBUS00igCVaBfr6F0pFm584E79nAAAAAElFTkSuQmCC) no-repeat;background-size:cover}#thumbnail-page #thumbnail-container{width:100%;height:calc(100vh - .8rem);overflow:auto;padding:.4rem .2rem .2rem}#thumbnail-page #thumbnail-container #thumbnail-list{width:100%}#thumbnail-page #thumbnail-container .thumbnail-item .img{border-radius:.03rem;border:solid .05rem transparent;padding:.03rem;margin-bottom:.05rem}#thumbnail-page #thumbnail-container .thumbnail-item .img.active{border-color:#f76c6c}#thumbnail-page #thumbnail-container .thumbnail-item .img>img{display:block;width:100%;height:100%}#thumbnail-page #thumbnail-container .thumbnail-item p{text-align:center;font-size:.24rem}.tabbar{position:absolute;left:0;right:0;bottom:-1rem;height:1rem;width:100%;background:#1a3d6f;display:flex;align-items:center;justify-content:center;z-index:999}.tabbar .icon{width:.5rem;height:.5rem}.tabbar .icon>img{width:100%}.music{position:absolute;top:.2rem;right:.2rem;width:.6rem;height:.6rem;z-index:10}.music.rotate{animation:rotate360 3s linear infinite}.music.rotate.pause{animation-play-state:paused}.music>img{width:100%;height:100%}@keyframes rotate360{0%{transform:rotate(0)}to{transform:rotate(1turn)}}