#app,html,body{padding:0;margin:0;overflow:hidden;caret-color:transparent}#app{height:100vh;width:100vw}body{background-color:#eee}.tags{display:flex;align-items:stretch}.tag{background-color:#00000080;color:#fff;padding:2px 5px;margin-right:5px;border-radius:5px;font-size:x-small}.icon{width:16px;display:flex;justify-content:center;align-items:center}.more{width:100%;color:gray;text-align:center}.archive-box{display:flex;flex-direction:row;max-width:800px;flex-wrap:wrap;caret-color:transparent;margin:25px auto 40px;padding-left:15px}.archive-box .item{margin-right:15px;margin-bottom:25px}.archive-box .card{background-color:#fff;border-radius:5px;background-size:cover;display:flex;flex-direction:column;overflow:hidden;background-position:center;background-repeat:no-repeat}.archive-box .hover{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;transition:all .5s ease}.archive-box .hover:hover{background-color:#0003}.archive-box .title{font-size:large;font-weight:700}.archive-box .content{flex:1;text-overflow:ellipsis}.archive-box .border{margin:18px;display:flex;flex-direction:column;height:100%}.archive-box a{color:#adff2f}.archive-box a:visited{color:#ff0}.slug-hi{display:flex;flex-direction:column;max-width:800px}.slug-hi .hover:hover{background-color:#fff}.slug-hi .card{height:fit-content}.card-pic .title{background-color:#ffffffd9;width:fit-content;padding:0 8px;border-radius:5px}.card-pic .content{opacity:0;transition:opacity .5s ease}.card-pic .hover:hover{background-color:#00000080}.card-pic .content{color:#fff}.card-pic .hover:hover .content{opacity:1}.article-title{font-size:x-large;font-weight:700}.article-padding{max-width:800px;margin:20px auto 40px;padding:15px}.root[data-v-6f510237]{width:100vw;height:100vh}