.splitter[data-v-7bfaf557]{background-color:var(--color-light-gray)}.card-box[data-v-10ca6533]{overflow:hidden;border-radius:24px;-webkit-box-shadow:-13px -13px 35px #fff,18px 18px 40px rgba(0,0,0,.1);box-shadow:-13px -13px 35px #fff,18px 18px 40px rgba(0,0,0,.1);background-color:var(--bg-gray)}.card-box.show-overflow[data-v-10ca6533]{overflow:unset}.clickable[data-v-10ca6533]:hover{cursor:pointer;background-color:var(--bg-gray-hover)}.card-item[data-v-76384bf3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.card-item .thumbnail-wrap[data-v-76384bf3]{position:relative}.card-item .thumbnail-wrap .thumbnail[data-v-76384bf3]{width:100%;aspect-ratio:16/9;display:block;-o-object-fit:contain;object-fit:contain}.card-item .thumbnail-wrap .tag-wrap[data-v-76384bf3]{position:absolute;top:16px;right:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:8px}.card-item .thumbnail-wrap .play-time[data-v-76384bf3]{position:absolute;bottom:16px;right:20px}.card-item .container[data-v-76384bf3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;padding:32px}.card-item .container .category-wrap[data-v-76384bf3]{margin-bottom:16px}.card-item .container .category-wrap .category-list[data-v-76384bf3],.card-item .container .category-wrap[data-v-76384bf3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:10px}.card-item .container .category-wrap .category-list[data-v-76384bf3]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.card-item .container .title-wrap[data-v-76384bf3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:6px;cursor:pointer}.card-item .container .title-wrap .title[data-v-76384bf3]{font-size:20px;font-weight:600;line-height:26px;max-height:52px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;overflow:hidden}.card-item .container .author-wrap[data-v-76384bf3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--color-light-gray-50);font-size:14px}.card-item .container .author-wrap .author[data-v-76384bf3]{margin-right:20px}.card-item .container .footer[data-v-76384bf3]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:var(--color-light-gray-50);font-size:14px;line-height:16px;max-height:42px;overflow:hidden}.card-item .container .footer .hash-tag[data-v-76384bf3],.card-item .container .footer[data-v-76384bf3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.card-item .container .footer .hash-tag[data-v-76384bf3]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px}.card-item .container .footer .hash-tag .tag[data-v-76384bf3]{text-wrap:nowrap}.right-spacer[data-v-e9a4cd70]{width:150px}.card-item[data-v-5a4f4ab8]{height:200px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.card-item .thumbnail-wrap[data-v-5a4f4ab8]{position:relative}.card-item .thumbnail-wrap .thumbnail[data-v-5a4f4ab8]{height:100%;aspect-ratio:16/9;border-radius:24px 0 0 24px}.card-item .thumbnail-wrap .tag-wrap[data-v-5a4f4ab8]{position:absolute;top:26px;right:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:8px}.card-item .thumbnail-wrap .play-time[data-v-5a4f4ab8]{position:absolute;bottom:16px;right:20px}.card-item .container[data-v-5a4f4ab8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:12px;-webkit-box-flex:1;-ms-flex:1;flex:1;padding:24px 40px 18px 40px}.card-item .container .category-wrap[data-v-5a4f4ab8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:10px;min-height:24px}.card-item .container .title-wrap[data-v-5a4f4ab8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:6px}.card-item .container .title-wrap .title[data-v-5a4f4ab8]{font-size:20px;line-height:26px;font-weight:600;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis;overflow:hidden}.card-item .container .title-wrap .subtitle[data-v-5a4f4ab8]{font-size:16px;line-height:20px;max-height:40px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;overflow:hidden;opacity:.8}.card-item .container .title-wrap .summary[data-v-5a4f4ab8]{white-space:pre-line}.card-item .container .footer[data-v-5a4f4ab8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:var(--color-light-gray-50);font-size:14px}.card-item .container .footer .left[data-v-5a4f4ab8]{-webkit-box-flex:1;-ms-flex:1;flex:1;flex-direction:row;gap:20px}.card-item .container .footer .left .author[data-v-5a4f4ab8],.card-item .container .footer .left[data-v-5a4f4ab8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.card-item .container .footer .left .author[data-v-5a4f4ab8]{flex-direction:row;gap:10px;text-wrap:nowrap;cursor:default}.card-item .container .footer .left .author .avatar-wrap[data-v-5a4f4ab8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:24px;height:24px;border-radius:12px;background-color:var(--bg-dark-gary)}.card-item .container .footer .left .author.hover[data-v-5a4f4ab8]:hover{color:var(--primary)}.card-item .container .footer .left .author.hover:hover .avatar-wrap[data-v-5a4f4ab8]{border:2px solid var(--fc-primary-500)}.card-item .container .footer .left .author-popper-title[data-v-5a4f4ab8]{gap:8px;margin-bottom:5px;font-weight:600;font-size:14px;color:#000}.card-item .container .footer .left .author-popper-title[data-v-5a4f4ab8],.card-item .container .footer .left .hash-tag[data-v-5a4f4ab8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.card-item .container .footer .left .hash-tag[data-v-5a4f4ab8]{-ms-flex-wrap:wrap;flex-wrap:wrap;max-height:16px;overflow:hidden;gap:10px}.card-item .container .footer .left .hash-tag .tag[data-v-5a4f4ab8]{text-wrap:nowrap}.card-item .container .footer .right[data-v-5a4f4ab8]{-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:20px}.banner-wrap[data-v-fe9015c4],.card-item .container .footer .right[data-v-5a4f4ab8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.banner-wrap[data-v-fe9015c4]{background-color:var(--bg-light-blue);position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:40px;width:100%;padding-block:30px}.banner-wrap .fixed-width-wrap[data-v-fe9015c4]{display:-webkit-box;display:-ms-flexbox;display:flex;width:1400px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.banner-wrap .banner-img-right[data-v-fe9015c4]{position:absolute;top:0;right:0;height:100%;-webkit-mask-image:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(30%,#000));-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%);mask-image:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(30%,#000));mask-image:linear-gradient(90deg,transparent 0,#000 30%)}.banner-wrap .title-wrap[data-v-fe9015c4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:600px;gap:20px;position:relative}.banner-wrap .title-wrap .title[data-v-fe9015c4]{font-size:48px;font-weight:600}.banner-wrap .title-wrap .banner-subtitle[data-v-fe9015c4]{font-size:18px;line-height:28px;opacity:.7}.banner-wrap .upper[data-v-fe9015c4]{margin-top:-1px;font-size:17px;color:var(--primary)}.banner-wrap .upper.xi-new[data-v-fe9015c4]{color:var(--color-orange)}.banner-wrap .banner-wrapper[data-v-fe9015c4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-shadow:-5px -5px 15px 0 #fff,2px 2px 20px 0 var(--color-light-gray-30);box-shadow:-5px -5px 15px 0 #fff,2px 2px 20px 0 var(--color-light-gray-30);border-radius:12px;overflow:hidden;height:260px}.banner-wrap .banner-wrapper .banner-thumbnail-wrapper[data-v-fe9015c4]{position:relative}.banner-wrap .banner-wrapper .banner-thumbnail-wrapper .banner-thumbnail[data-v-fe9015c4]{width:500px;height:100%}.banner-wrap .banner-wrapper .banner-thumbnail-wrapper.clickable[data-v-fe9015c4]{cursor:pointer}.banner-wrap .banner-wrapper .banner-list[data-v-fe9015c4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:280px}.banner-wrap .banner-wrapper .banner-list .banner[data-v-fe9015c4]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:0 15px;background-color:#fff}.banner-wrap .banner-wrapper .banner-list .banner .title[data-v-fe9015c4]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis}.banner-wrap .banner-wrapper .banner-list .banner.clickable[data-v-fe9015c4]{cursor:pointer}.banner-wrap .banner-wrapper .banner-list .banner.selected[data-v-fe9015c4]{background-color:var(--bg-gray-hover)}.no-data[data-v-ed0c88c4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:528px;font-size:18px}