@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap);*{margin:0;padding:0;box-sizing:border-box}.app{min-height:100vh;display:flex;flex-direction:column;font-family:Manrope,sans-serif;font-size:.8125rem;background-color:#ecf2f8;justify-content:space-between}.app .card{margin:4.6875rem auto 0;height:513px;width:20.5rem;max-height:32.0625rem;background-color:#fff;border-radius:10px;overflow:hidden}.app .card .pic{height:12.5rem;width:100%;overflow:hidden}.app .card .pic img{width:100%;-o-object-fit:cover;object-fit:cover}.app .card .content{padding:2.25rem 2.125rem 0}.app .card .content h2{color:#48556a;font-size:1rem;line-height:1.7rem}.app .card .content article{margin:.5rem 0 1.3125rem;color:#6d7f97;line-height:1.25rem;letter-spacing:.5px;font-weight:400}.app .card .content .info{display:flex;align-items:center;margin-top:1.25rem}.app .card .content .info .propic{width:2.625rem}.app .card .content .info .propic img{width:100%;border-radius:50%}.app .card .content .info .msg{flex:1;margin-left:1.125rem}.app .card .content .info .msg .name{font-weight:700;color:#48556a}.app .card .content .info .msg .date{color:#9eafc2}.app .card .content .info a{display:block;width:2.0625rem;height:2.0625rem;background:url(/article-preview/img/icon-share.3b17f338.svg) no-repeat 50% #ecf2f8;border-radius:50%}.app .card .ismove{animation:open .2s linear forwards}.app .card .share{background-color:#48556a;height:4.0625rem;color:#fff;display:flex;padding:0 2.125rem;align-items:center;margin-top:21px}.app .card .share p{width:4rem;letter-spacing:.35rem;color:#9eafc2}.app .card .share .btn{display:flex;width:6.937rem;margin-left:1.375rem}.app .card .share .btn .icon{flex:1;display:flex;align-items:center}.app .card .share .noshare{margin-left:1.875rem;width:2.0625rem;height:2.0625rem}.app .card .share .noshare a{display:block;width:2.0625rem;height:2.0625rem;background:url(/article-preview/img/icon-share.3b17f338.svg) no-repeat 50% #ecf2f8;border-radius:50%}.app .attribution{font-size:11px;text-align:center}.app .attribution a{color:#3e52a3}@keyframes open{0%{transform:translateY(0)}to{transform:translateY(-4.062rem)}}@media (min-width:768px){.app .card{width:731px;height:280px;display:flex;flex-direction:row;margin-top:260px;position:relative;overflow:visible}.app .card .pic{height:100%}.app .card .pic img{height:100%;-o-object-fit:cover;object-fit:cover;border-radius:10px 0 0 10px}.app .card .content{height:100%}.app .card .content h2{font-size:22px}.app .card .share{position:absolute;left:550px;top:168px;border-radius:10px}.app .card .share .noshare{display:none}.app .card .share:after{content:"";position:absolute;top:72px;right:119px;width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:15px solid #48556a;transform:translateY(-50%)}}