@charset "utf-8";.main-article{padding:5vw 0}.main-article .title{margin:0 5vw 2vw;padding-bottom:1vw;border-bottom:1px solid rgba(255,255,255,.2)}.main-article .title h1{margin-bottom:1.5vw;font-size:2.5vw;color:#fff}.main-article .title .info{display:flex;column-gap:2vw;font-size:1vw;color:#777}.main-article .title .info *{display:flex;align-items:center;column-gap:.5vw}.main-article .title .info time:before{content:"Date : ";color:#fff}.main-article .title .info span:before{content:"View : ";color:#fff}.main-article .content{margin:0 5vw;color:#fff;font-size:1.2vw}.main-article .content>*{margin:2vw 0}.main-article .content img{max-width:100%;height:auto;border-radius:1vw}.main-article .content h2{font-size:2vw}.main-article .content h3{font-size:1.6vw}.main-article .content p{font-size:1.2vw;margin:0}.main-article .content a{color:#f1f1f1;text-decoration:underline}.main-article .content a:hover{color:var(--main-color)}.main-article .share{margin:5vw 0;text-align:center}.main-article .share h3{position:relative;display:inline-block;padding:0 2vw;margin-bottom:2vw;background-color:var(--background-color);color:#777;font-size:1.6vw}.main-article .share h3:before{content:"";position:absolute;left:-100%;top:50%;width:300%;height:1px;background-color:rgba(255,255,255,.2);z-index:-1}.main-article .share .icon{display:flex;justify-content:center;column-gap:.7vw}.main-article .share .icon img{width:2vw;height:2vw;transition:all .5s}.main-article .share .icon img:hover{transform:translateY(-.3vw)}.main-article .related .head{display:flex;justify-content:space-between;align-items:center;margin-bottom:2vw}.main-article .related .head h2{font-size:2.5vw;color:var(--main-color)}.main-article .related .head a{font-size:1.6vw;color:#fff}.main-article .related .head a:hover{color:var(--main-color)}.main-article .related ul{display:flex;flex-wrap:wrap;column-gap:1.8%}.main-article .related li{position:relative;width:32.1%;border-radius:1.5vw;background-color:#141414}.main-article .related li .pic{position:relative;height:0;padding-bottom:66.66%;border-radius:1.5vw;overflow:hidden}.main-article .related li .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;transition:all .5s}.main-article .related li .pic:hover img{transform:scale(1.05)}.main-article .related li .text{padding:1.3vw 1.5vw 4.5vw}.main-article .related li .text h3{margin-bottom:.7vw;font-size:1.2vw;color:#fff;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.main-article .related li .text p{font-size:1vw;color:#777;ext-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.main-article .related li .text a{position:absolute;left:1.5vw;bottom:1.5vw;font-size:1.2vw;color:#777}.main-article .related li .text a:hover{color:var(--main-color)}@media only screen and (max-width:640px){.main-article{padding:25px 0 40px}.main-article .title{margin:0 0 20px;padding-bottom:10px}.main-article .title h1{margin-bottom:15px;font-size:18px}.main-article .title .info{column-gap:30px;font-size:12px}.main-article .content{margin:0;font-size:14px}.main-article .content>*{margin:15px 0}.main-article .content img{border-radius:10px}.main-article .content h2{font-size:18px}.main-article .content h3{font-size:16px}.main-article .content p{font-size:14px}.main-article .share{margin:40px 0}.main-article .share h3{padding:0 15px;margin-bottom:10px;font-size:16px}.main-article .share .icon{column-gap:10px}.main-article .share .icon img{width:30px;height:30px}.main-article .related .head{margin-bottom:15px}.main-article .related .head h2{font-size:18px}.main-article .related .head a{font-size:14px}.main-article .related ul{display:block}.main-article .related li{align-items:center;width:100%;margin-top:10px}.main-article .related li .pic{width:100%;padding-bottom:0;height:auto;aspect-ratio:3/2}.main-article .related li .text{width:100%;padding:10px 15px;box-sizing:border-box}.main-article .related li .text h3{margin-bottom:5px;font-size:14px}.main-article .related li .text p{font-size:12px;-webkit-line-clamp:2}.main-article .related li .text a{position:static;display:inline-block;margin-top:10px;font-size:12px}}