@charset "UTF-8";.my-main{flex-grow:2;display:flex;justify-content:center;align-items:center}::-webkit-scrollbar{width:0!important}.my-content{position:relative;display:flex;flex-direction:column;font-size:1.5rem;font-family:myfont;line-height:3rem;text-align:center;width:30rem;animation:flow-out 2s;animation-fill-mode:forwards}.my-content .zimeigui{width:8rem;height:auto;z-index:9;position:absolute;right:-3.5rem;bottom:.8rem;transform:rotate(15deg)}.my-content .taohua{width:5rem;height:auto;z-index:9;position:absolute;top:-1.3rem;left:-1.5rem}.my-content .huaban{opacity:.4}.my-content .cat,.my-content .huaban{height:auto;z-index:9;position:absolute}.my-content .cat{width:5rem;bottom:2rem;left:-1.5rem}.my-content div{background-color:#f2ece4;color:#ff5bcc}.my-content div:hover{color:#afa8ff}.my-content .board-wrapper{position:absolute;width:90%;left:5%;overflow:hidden}.my-content .board{position:absolute;z-index:2;width:30rem;height:3rem}.my-content .down-arrow{z-index:99;position:relative;align-self:center;width:2rem;background-color:rgba(207,193,255,0);animation:delay-show 1s;animation-fill-mode:forwards}.my-content .down-arrow i{color:#9b6cff;font-size:1.5rem;display:block;font-weight:700;animation:move-arrow 3s;animation-iteration-count:infinite}.my-content .down-arrow:hover i{color:#afa8ff}@keyframes flow-out{0%{opacity:0}to{opacity:1}}@keyframes show-board{0%{left:0}to{left:30rem}}@keyframes move-arrow{0%{transform:translateY(0)}50%{transform:translateY(.5rem)}to{transform:translateY(0)}}@keyframes delay-show{0%{opacity:0}to{opacity:1}}.start{position:relative;animation:show-letter 2s;animation-fill-mode:forwards}.start .down-letter img,.start .up-letter img{width:15rem}.start .up-letter{top:-5rem;z-index:1;position:absolute}.start .letter-wrapper{position:relative}.start .letter-wrapper .down-letter{position:relative;z-index:2}.start .letter-wrapper .down-letter .open{position:absolute;top:4rem;left:6.8rem;animation:open-arrow 4s;animation-iteration-count:infinite;animation-timing-function:linear}.start .letter-wrapper .down-letter .open i{font-size:1.2rem;color:#a7a5ed}.start .letter-wrapper .down-letter .open i:hover{color:#b5b2ff}.start .letter-wrapper .letter{position:absolute;z-index:2;left:.25rem}.start .letter-wrapper .letter img{width:14.5rem;height:7rem}.start .letter-wrapper .letter .letter-content{position:relative;text-align:center;font-size:1.5rem;font-family:myfont;padding-top:1rem;top:-7.4rem}.start .letter-wrapper .letter .letter-content .open-letter{margin-top:1rem}.start .letter-wrapper .letter .letter-content .open-letter i{color:#ff1b4e;font-size:1.8rem}@keyframes letter-move-up{0%{top:0}to{top:-3rem}}@keyframes letter-hidden{0%{opacity:1}50%{opacity:1}90%{opacity:0}to{opacity:0}}@keyframes show-letter{0%{opacity:0}to{opacity:1}}@keyframes open-arrow{0%{transform:translateY(0)}50%{transform:translateY(-.3rem)}to{transform:translateY(0)}}.music-switch{position:absolute;right:1rem;top:1rem;z-index:999;color:#ff3454}.music-switch :hover{color:#ff4c4a}@keyframes rotate-music{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}canvas{width:100%;height:100%}@keyframes drop{0%{transform:translateY(-100px);opacity:0}90%{opacity:1;transform:translateY(10px)}to{transform:translateY(0)}}.stars{overflow:hidden;position:absolute;width:100%;height:100%;z-index:-1;background:radial-gradient(100% 100% at center center,#021,#000)}@keyframes flashing{0%{opacity:1}25%{opacity:.75}50%{opacity:.5}75%{opacity:.25}to{opacity:0}}@font-face{font-family:myfont;src:url(/static/media/琅琊榜.5cb4fcb3.ttf)}.app{display:flex;flex-direction:column}
/*# sourceMappingURL=main.5ea40033.chunk.css.map */