.link{display:flex;transition:all .1s;border-radius:.5em;box-shadow:0 2px 5px grey;background-color:#fff}.link:hover{background-color:#f5f5f5;box-shadow:0 1px 3px grey}.github{width:1em;margin:auto 0;padding:0 .2em;font-size:1.8em;transition:all .1s}nav{position:sticky;top:0;padding:.5em;background-color:#212529;display:flex;justify-content:center;z-index:4}.menu{left:.5em;top:.5em;position:fixed;color:#fff;font-size:1.8em;z-index:5;transition:all .3s}.menu:hover{opacity:.8}.eyes{position:relative;height:40px;display:block;border-radius:7px;z-index:7}#phone{justify-content:space-between;width:100%;height:45px;background-color:#f6f8fa;border-bottom:3px solid #212529;transition:all .3s;z-index:2}#island,#phone{display:flex;align-items:center;top:0}#island{position:fixed;flex-direction:column;margin:.5em auto;border-radius:20px;background-color:#fff;overflow:hidden;z-index:6}.island-open{transition:width .3s ease 0s,height .3s ease .3s,box-shadow .3s ease 0s;box-shadow:0 7px 10px grey}.island-close{transition:all .3s;box-shadow:none}.inner{position:relative;display:flex;justify-content:space-around;flex-direction:column;align-items:center}.inner-open{transition:all .3s ease .3s;opacity:1}.inner-close{transition:all .3s;opacity:0}.sider-open{left:0}.sider-close{left:-20%}.hidden-sider{top:56px;width:20%;height:calc(200vh - 56px);position:fixed;transition:all .5s;background-color:#fff;border-right:1px solid #d8dee4;z-index:5}@media screen and (max-width:900px){.sider-close{left:-100%}.hidden-sider{width:100%}}.content{width:80%;margin:0 auto}.medal-box{cursor:pointer;position:relative;vertical-align:middle;height:20px;line-height:10px;display:inline-flex;font-size:10px;color:#f25d8e;border-radius:2px}.medal-flag{height:100%;position:absolute;transform:translate(-50%,-1px)}.medal-true-love{border:.5px solid #f25d8e;text-align:center;box-sizing:content-box;border-right-width:0;border-radius:2px 0 0 2px;white-space:nowrap;padding-left:8px;color:#fff}.medal-level{border:.5px solid #f25d8e;border-radius:0 2px 2px 0;padding:.5em 2px;background:#fff}#swiperBox{position:relative;border-radius:10px;z-index:1;margin-bottom:6px;box-shadow:0 5px 10px #ccc}.btn{color:#f5f5f7;font-size:40px;height:20%;top:40%;position:absolute;cursor:pointer;transition:all .3s;opacity:0}#swiperBox:hover .btn{opacity:1}.hidden{width:100%;height:100%;overflow:hidden;border-radius:10px}#swiper{left:0;display:flex;transition:all .5s}#swiper,.imgDiv{position:relative;height:100%}.imgDiv{width:100%;overflow:hidden}img.swiper-width{width:100%;height:105%;position:absolute;filter:blur(5px);opacity:.5}img.swiper-height{height:100%;left:0;right:0;position:absolute;margin:auto}.dotList{position:absolute;display:flex;bottom:.5em;right:.6em;opacity:.75;transition:all .3s}#swiperBox:hover .dotList{opacity:1}.dot{background-color:#fff;width:1em;height:1em;border-radius:.5em;margin-left:.5em;transition:all .3s;box-shadow:0 2px 3px grey}.iframe{margin:3px}.outside{display:flex;flex-direction:column;transition:height .3s,opacity .75s!important;overflow-y:hidden}#play{transition:all .3s;font-size:1.25em;margin-right:.2em}.inputarea{display:flex;justify-content:space-between}.inputInside{display:flex;width:48%;margin-top:.5em}#config-subtitle{display:flex;width:48%;align-items:center}@media screen and (max-width:900px){.inputarea{flex-direction:column}#config-title{align-items:flex-start!important}.inputInside{width:auto}#config-subtitle{width:100%;margin-top:.5em}}.view{margin:0;padding:0;overflow-x:hidden}.topPhoto{width:100%;border-radius:5px 5px 0 0;display:block;z-index:1}.linear{position:relative;height:50px;z-index:2;margin-top:-50px;background-image:linear-gradient(hsla(0,0%,100%,0),#fff)}#title{margin-top:1.44px}#subtitle,#title{display:inline-block}#subtitle{font-size:1em;color:grey}#main{width:55%;margin:0 auto}#main,#subsider{position:relative;transition:all .5s}#subsider{display:flex;flex-direction:column;align-items:center;border-left:1px solid #d8dee4;padding-top:1em;width:20%;float:right}@media screen and (max-width:900px){#main{left:0!important;width:75%}#subsider{display:none}}.show-block{position:relative;padding:1em;margin-bottom:1em;border-radius:5px;background-color:#fff;box-shadow:0 3px 1px -2px rgba(0,0,0,.12),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.2);transition:all .75s}.Erweima{width:150px;height:150px;padding:.5em;border-radius:.5em;border:1px solid #dedede}input,textarea{box-sizing:border-box;width:100%;height:2.5em;font-size:1em;font-weight:540;padding:1px 0 0 .5em;margin:0 auto;border:1px solid #ced4da;border-radius:.5em;transition:all .2s}input:focus,textarea:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}textarea{resize:vertical;height:10em!important;font-family:Microsoft Yahei;padding:.5em 0 .5em .5em!important;overflow-y:hidden}.bface{position:absolute;border-radius:50%}.face1{height:52px;margin:20px}.face2{height:70px;margin:11px;outline-style:solid;outline-color:#fb7299;outline-width:3px}#name{position:relative;left:92px;width:calc(100% - 92px - 1.5em);margin:-.5em .5em .5em 1em}body{margin:0;background-color:#f6f8fa}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}a{text-decoration:none;color:#000}