[data-v-2c422b4a]:export{primary:#4073fa}@keyframes bounce-in-2c422b4a{0%{width:0}to{width:200px}}[data-v-2c422b4a] .el-dialog{background:#fff}[data-v-2c422b4a] .el-dialog .el-dialog__header{display:none;padding:0}[data-v-2c422b4a] .el-dialog .el-dialog__body{padding:0}[data-v-2c422b4a] .el-carousel__arrow{background-color:#fff;color:#333}[data-v-2c422b4a] .el-carousel__item{display:flex;place-content:center flex-start;align-items:center}.article-detail .detail-modal[data-v-2c422b4a]{background:#fff;position:fixed;display:flex;top:0;left:0;width:100%;height:100%;z-index:1999}.article-detail .pay-content[data-v-2c422b4a]{width:100%;height:666px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.article-detail .pay-content .pay-mask[data-v-2c422b4a]{text-align:center;color:#fff}.article-detail .pay-content .pay-mask .pay-icon[data-v-2c422b4a]{font-size:60px;margin-bottom:20px}.article-detail .pay-content .pay-mask .pay-text[data-v-2c422b4a]{font-size:24px;font-weight:700;margin-bottom:10px}.article-detail .pay-content .pay-mask .pay-amount[data-v-2c422b4a]{font-size:16px;margin-bottom:20px;opacity:.9}.article-detail .container[data-v-2c422b4a]{display:flex}.article-detail .dialog-left[data-v-2c422b4a],.article-detail .dialog-right[data-v-2c422b4a]{height:100%}.article-detail .dialog-left[data-v-2c422b4a]{width:55%;border-right:.5px solid rgba(0,0,0,.1)}.article-detail .dialog-left .swiper[data-v-2c422b4a]{width:100%}.article-detail .dialog-left .swiper .detail-img[data-v-2c422b4a]{border-top-left-radius:5px;border-bottom-left-radius:5px;width:100%}.article-detail .dialog-right[data-v-2c422b4a]{width:45%}.article-detail .dialog-right .author-container[data-v-2c422b4a]{display:flex}.article-detail .dialog-right .author-container .author[data-v-2c422b4a]{display:flex;align-items:center;justify-content:space-between;width:100%;height:80px;padding:20px 24px;border-bottom:.5px solid transparent}.article-detail .dialog-right .author-container .author .info[data-v-2c422b4a]{display:flex;align-items:center}.article-detail .dialog-right .author-container .author .name[data-v-2c422b4a]{margin-left:12px;font-weight:500;font-size:16px;color:#333}.article-detail .dialog-right .note-content[data-v-2c422b4a]{padding:10px 0 20px;margin:0 30px;color:#333;border-bottom:.5px solid rgba(0,0,0,.1)}.article-detail .dialog-right .comments-container[data-v-2c422b4a]{padding:20px 30px}.article-detail .dialog-right .scrollbars-contain[data-v-2c422b4a]{max-height:480px}.article-detail .dialog-right .reply-item[data-v-2c422b4a]{position:relative;display:flex;margin-top:16px}.article-detail .dialog-right .reply-item .right[data-v-2c422b4a]{margin-left:12px;padding-bottom:16px;display:flex;flex-direction:column;font-size:14px;flex-grow:1;border-bottom:.5px solid rgba(0,0,0,.1)}.article-detail .dialog-right .reply-item .right .author-wrapper[data-v-2c422b4a]{display:flex;justify-content:space-between;align-items:center}.article-detail .dialog-right .reply-item .right .info[data-v-2c422b4a]{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;line-height:16px;color:#999}.article-detail .dialog-right .reply-item .right .info .interactions[data-v-2c422b4a]{display:flex}.article-detail .dialog-right .like-wrapper[data-v-2c422b4a]{position:relative;cursor:pointer;display:flex;align-items:center}.article-detail .dialog-right .count[data-v-2c422b4a]{line-height:16px}.article-detail .footer-reply[data-v-2c422b4a]{border-top:.5px solid rgba(0,0,0,.1);height:102px;padding:12px 18px 18px;position:absolute;bottom:0;width:45%}.article-detail .footer-reply .buttons[data-v-2c422b4a]{display:flex;align-items:center;cursor:pointer}.article-detail .footer-reply .buttons .like-wrapper[data-v-2c422b4a]{margin-right:5px}.article-detail .footer-reply .buttons .like-wrapper .count[data-v-2c422b4a]{padding-left:5px}.article-detail .footer-reply .reply_input[data-v-2c422b4a]{margin-top:10px}.article-detail .back-btn[data-v-2c422b4a]{position:fixed;display:flex;z-index:3001;transition:all .3s;cursor:pointer;left:32px;top:32px}[data-v-729c181a]:export{primary:#4073fa}.article-list .cover[data-v-729c181a]{position:relative;width:245px;display:flex;border-radius:16px;overflow:hidden;box-shadow:0 0 0 .5px rgba(51,51,51,.12941176470588237);margin-left:.5px;transition:.2s;transform:translateZ(0)}.article-list .cover[data-v-729c181a]:hover:after{background-color:rgba(0,0,0,.25)}.article-list .cover[data-v-729c181a]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transition:background-color .2s;background-color:transparent;-webkit-transform:translateZ(0);border-radius:var(--148566c3)}.article-list .video-icon[data-v-729c181a]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.article-list .default-placeholder[data-v-729c181a],.article-list .pay-placeholder[data-v-729c181a]{width:100%;max-height:318px;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f5f5f5;border-radius:16px}.article-list .default-placeholder span[data-v-729c181a],.article-list .pay-placeholder span[data-v-729c181a]{margin-top:10px;font-size:14px;color:#999}.article-list .pay-placeholder[data-v-729c181a]{background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.article-list .pay-placeholder span[data-v-729c181a]{color:#666;font-weight:500}.article-list .footer[data-v-729c181a]{padding:12px}.article-list .footer .title[data-v-729c181a]{margin-bottom:8px;word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-weight:500;font-size:14px;line-height:22px;color:#333}.article-list .footer .author-wrapper[data-v-729c181a]{display:flex;align-items:center;justify-content:space-between;height:20px;color:#666;font-size:12px;transition:color 1s}.article-list .footer .author-wrapper .author[data-v-729c181a]{display:flex;align-items:center;color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:12px}.article-list .footer .author-wrapper .author-avatar[data-v-729c181a]{margin-right:6px;width:20px;height:20px;border-radius:20px;border:.5px solid #e6e6e6}.article-list .footer .like-wrapper[data-v-729c181a]{position:relative;cursor:pointer;display:flex;align-items:center}.article-list .footer .count[data-v-729c181a]{line-height:16px}