.popup-overlay[data-v-e1070bec]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:9999;display:flex;align-items:flex-end;justify-content:center}.popup-content[data-v-e1070bec]{width:100%;background-color:#fff;border-top-left-radius:.32rem;border-top-right-radius:.32rem;position:relative;animation:slideUp-data-v-e1070bec .3s ease-out;max-height:90%;overflow-y:auto}.popup-drag-bar[data-v-e1070bec]{width:1.066667rem;height:.106667rem;background-color:#ddd;border-radius:.053333rem;margin:.213333rem auto;cursor:grab}.popup-close[data-v-e1070bec]{position:absolute;top:.266667rem;right:.4rem;background:none;border:none;font-size:.64rem;color:#666;cursor:pointer;z-index:1}.popup-close[data-v-e1070bec]:hover{color:#333}@keyframes slideUp-data-v-e1070bec{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (min-width:768px){.popup-content[data-v-e1070bec]{max-width:13.333333rem}}.preview-art[data-v-452ebbd2]{height:100vh;width:100%;background:#fff;display:flex;flex-direction:column}.preview-art .nav-title[data-v-452ebbd2]{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.preview-art .content-wrapper[data-v-452ebbd2]{flex:1;overflow:auto;padding:.426667rem;display:flex;flex-direction:column;height:0}.preview-art .content-wrapper[data-v-452ebbd2]::-webkit-scrollbar{display:none}.preview-art .content-wrapper .title[data-v-452ebbd2]{margin:0 auto;background:#fff;font-size:22PX;color:rgba(0,0,0,.9);letter-spacing:0;line-height:32PX;font-weight:600;margin-top:16PX;word-break:break-all;text-align:left;width:100%;margin-top:0;margin-bottom:.213333rem;flex-shrink:0}.preview-art .content-wrapper .desc[data-v-452ebbd2]{margin:0 auto;display:flex;justify-content:space-between;background:#fff;font-size:14PX;color:rgba(0,0,0,.4);letter-spacing:0;line-height:32PX;width:100%;margin-bottom:.213333rem;flex-shrink:0}.preview-art .content-wrapper .html-wrapper[data-v-452ebbd2]{overflow:visible}.preview-art .content-wrapper .html-wrapper img[data-v-452ebbd2],.preview-art .content-wrapper .html-wrapper video[data-v-452ebbd2]{width:100%}.preview-art .button-container[data-v-452ebbd2]{flex-shrink:0;padding:.426667rem;padding-bottom:.853333rem}.preview-art .button-container .button[data-v-452ebbd2]{background-image:linear-gradient(270deg,#8f86ff,#5155e5);border-radius:.213333rem;max-width:100%;width:100%;height:1.173333rem;font-size:.426667rem;color:#fff;letter-spacing:0;text-align:center;line-height:.64rem;font-weight:500;border:none}.preview-art .button-container .button[data-v-452ebbd2]:hover{background-image:linear-gradient(270deg,#7a72e6,#464ac9)}.preview-art .pop[data-v-452ebbd2]{text-align:center;padding:.426667rem}.preview-art .pop h2[data-v-452ebbd2]{margin-bottom:.853333rem;font-size:.533333rem;font-weight:700}.preview-art .pop img[data-v-452ebbd2]{margin-bottom:.106667rem}.preview-art .pop .tip[data-v-452ebbd2]{font-size:.373333rem;line-height:.586667rem}[data-v-452ebbd2] .hm-navbar{position:relative}