body,html{width:100%;height:100%;margin:0;padding:0}a{text-decoration:none}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#eee;width:100%;min-height:100%;display:flex;flex-direction:column}#cover{display:block;position:fixed;background-color:#000}#cover,#cover-img{width:100%;height:100%}#cover-img{position:absolute;top:0;left:0;background:#666 50%/cover no-repeat;opacity:0;transition:opacity 1.2s ease}#cover-img.ready{opacity:1}#coverbg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.5}#main{flex:1;display:flex;align-items:center;justify-content:center;width:100%}#avatar img{border:2px solid #aaa;box-shadow:5px 2px 6px #000}#name{margin-top:5px;font-size:25px}#content{width:100%;position:relative;z-index:800;padding:40px 10px;box-sizing:border-box}.line{height:1px;border-top:1px solid hsla(0,0%,100%,.2);text-align:center;max-width:400px;margin:25px auto}.poem{min-height:78px}.poem-text{opacity:0;transition:opacity .6s ease}.poem-text.ready{opacity:1}.poemContent{display:block;font-size:18px;margin-top:30px}.poemTitle{display:block;margin-top:8px;font-size:16px}#nav{margin-top:20px}#nav ul{list-style:none;position:relative;margin:0;padding:0;list-style-type:none}#nav li{display:inline-block}#nav li a{display:block;width:90px;height:36px;line-height:36px;border:1px solid #fff;border-radius:18px;margin:10px;color:#fff;font-weight:700;font-size:16px}@media screen and (max-width:1000px){#nav li,#nav li a{display:block}#nav li a{margin:0 auto;margin-top:15px;width:50%;height:36px;line-height:36px;border:1px solid #fff;border-radius:18px;color:#fff;font-weight:700;font-size:16px}}#nav li a:visited{color:#fff}#social{margin-top:20px}#social ul{list-style:none;position:relative;margin:0;padding:0;list-style-type:none}#social li{display:inline-block}#social li a{display:block;width:60px;height:36px;line-height:36px;margin:10px;color:hsla(0,0%,100%,.9);font-weight:700;font-size:36px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.6));transition:color .2s ease,transform .2s ease}#social li a:hover{color:#fff;transform:translateY(-2px)}#social li a:visited{color:#fff}.fa-icon{fill:currentColor;width:auto;height:1em;max-width:100%;max-height:100%}#copyright{position:relative;z-index:800;font-size:13px;line-height:1.6;text-align:right;padding:0 12px 10px;color:hsla(0,0%,100%,.7);text-shadow:0 1px 2px rgba(0,0,0,.5)}@media screen and (max-width:1000px){#copyright{text-align:center}}#copyright .beian{color:inherit}#copyright .beian:hover{text-decoration:underline}.fade-item{animation:fade-up .9s cubic-bezier(.22,.61,.36,1) both}.d1{animation-delay:.1s}.d2{animation-delay:.25s}.d3{animation-delay:.4s}.d4{animation-delay:.55s}.d5{animation-delay:.7s}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.fade-item{animation:none}#cover-img,.poem-text{transition:none}}