.xg-video-wrapper[data-v-919e4bf6]{width:100%;height:100%}.share-popup[data-v-c70369e0] .ant-popover-title{text-align:center}.share-content[data-v-c70369e0]{width:220px}.qrcode-container[data-v-c70369e0]{display:flex;flex-direction:column;align-items:center;justify-content:center}.share-icons[data-v-c70369e0]{display:flex;align-items:center;justify-content:center;font-size:24px;gap:24px}.share-icons .icon[data-v-c70369e0]{cursor:pointer;color:#999}.share-txt[data-v-c70369e0]{color:#999;font-size:14px}.share-divider[data-v-c70369e0]{margin:10px 0}.dialog-content[data-v-1efcf86c]{display:flex;height:calc(100vh - 96px)}.left-wrapper[data-v-1efcf86c]{height:100%;flex:1;min-width:0}.left-wrapper[data-v-1efcf86c] .slick-list,.left-wrapper[data-v-1efcf86c] .slick-slider,.left-wrapper[data-v-1efcf86c] .slick-track{height:100%!important}.left-wrapper[data-v-1efcf86c] .slick-slide>div{height:100%!important}.left-wrapper[data-v-1efcf86c] .slick-arrow.custom-slick-arrow{width:20px;height:20px;font-size:20px;color:#333;transition:ease all .3s;opacity:.3;z-index:1}.left-wrapper[data-v-1efcf86c] .slick-arrow.custom-slick-arrow:before{display:none}.left-wrapper[data-v-1efcf86c] .slick-arrow.custom-slick-arrow:hover{color:#333;opacity:.8}.left-wrapper[data-v-1efcf86c] .slick-slide h3{color:#fff}.right-wrapper[data-v-1efcf86c]{width:440px;height:100%;flex-shrink:0;border-radius:0 20px 20px 0;position:relative;display:flex;flex-direction:column}.img-container[data-v-1efcf86c]{width:100%;height:100%;position:relative;background-color:#f8f8f8}.img-container[data-v-1efcf86c] .ant-image{width:100%;height:100%;position:relative}.author-wrapper[data-v-1efcf86c]{display:flex;align-items:center;justify-content:space-between;padding:24px;box-sizing:border-box}.user-info-wrapper[data-v-1efcf86c]{display:flex;align-items:center}.user-info-wrapper .username[data-v-1efcf86c]{margin-left:12px;font-size:16px;color:#666}.follow-btb[data-v-1efcf86c]{width:96px;height:40px;font-weight:600;background-color:#ff2e4d}.note-scroller[data-v-1efcf86c]{transition:scroll .4s;overflow-y:scroll;flex-grow:1}.content-wrapper[data-v-1efcf86c]{padding:0 24px 24px;color:#333}.content-wrapper .detail-title[data-v-1efcf86c]{margin-bottom:8px;font-weight:600;font-size:18px;line-height:140%}.content-wrapper .detail-desc[data-v-1efcf86c]{margin:0;font-weight:400;font-size:16px;line-height:150%;color:#333;white-space:pre-wrap;overflow-wrap:break-word}.content-wrapper .bottom-container[data-v-1efcf86c]{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.content-wrapper .bottom-container .date[data-v-1efcf86c]{font-size:14px;line-height:120%;color:#666}.comments-container[data-v-1efcf86c]{padding:16px}.comments-container .total[data-v-1efcf86c]{font-size:14px;color:#666;margin-left:8px;margin-bottom:12px}.comments-container .loading-more[data-v-1efcf86c],.comments-container .no-more[data-v-1efcf86c]{text-align:center;padding:10px 0;color:#999;font-size:14px}.engage-bar[data-v-1efcf86c]{z-index:1;border-top:1px solid rgba(0,0,0,.08);flex-shrink:0;padding:16px;flex-basis:unset}.engage-bar .engage-bar-container[data-v-1efcf86c]{width:100%;position:relative;display:flex;align-items:center;transition:all .3s ease}.comment-input-wrapper[data-v-1efcf86c]{display:flex;align-items:center;background-color:#00000008;height:40px;padding:2px 16px;border-radius:999px;flex:1 1 0%;position:relative;min-width:70px;transition:opacity .3s ease,transform .3s ease}.comment-input-wrapper.focused[data-v-1efcf86c]{flex:1 0 auto;background-color:#0000000d;padding-right:8px}.comment-input-wrapper .icon[data-v-1efcf86c]{font-size:20px;color:#999;transition:all .3s ease}.comment-input-wrapper input[data-v-1efcf86c]{flex:1;border:none;outline:none;background-color:transparent;font-size:16px;margin-left:10px;width:0;transition:all .3s ease}.focused .comment-input-wrapper input[data-v-1efcf86c]{width:auto}.comment-input-wrapper .send-btn[data-v-1efcf86c]{margin-left:8px;height:32px;padding:0 12px;font-size:14px;transition:all .3s ease;opacity:0;transform:scale(.8);visibility:hidden;background-color:#ff2e4d;color:#fff}.comment-input-wrapper .send-btn.cancel-btn[data-v-1efcf86c]{background-color:#fff;color:#333}.comment-input-wrapper.focused input[data-v-1efcf86c]{width:auto}.comment-input-wrapper.focused .send-btn[data-v-1efcf86c]{opacity:1;transform:scale(1);visibility:visible}.more-action-wrapper[data-v-1efcf86c]{display:flex;align-items:center;transition:opacity .3s ease,transform .3s ease}.more-action-wrapper.hidden[data-v-1efcf86c]{opacity:0;transform:translate(20px);width:0;overflow:hidden}.more-action-wrapper .action-group[data-v-1efcf86c]{padding:0 8px;cursor:pointer;display:flex;align-items:center}.more-action-wrapper .action-group .icon[data-v-1efcf86c]{font-size:24px}.more-action-wrapper .action-group .txt[data-v-1efcf86c]{margin-left:4px;margin-right:0;font-weight:500;font-size:14px;text-wrap:nowrap}.slide-img[data-v-1efcf86c]{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}.divider[data-v-1efcf86c]{padding:0 24px}.icon-active[data-v-1efcf86c]{color:#ff2e4d}.icon-collect[data-v-1efcf86c]{color:#fdbc5e}.article-detail-wrapper[data-v-22d7825f]{border:1px solid #eee;border-radius:20px;overflow:hidden}