.banner-wrap[data-v-b1763d0c]{background-color:var(--bg-light-blue);display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;padding-block:40px}.banner-wrap .banner-img-right[data-v-b1763d0c]{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-b1763d0c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:1400px;gap:20px;position:relative}.banner-wrap .title-wrap .title[data-v-b1763d0c]{font-size:48px;font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.banner-wrap .title-wrap .banner-subtitle[data-v-b1763d0c]{font-size:18px;line-height:28px;opacity:.7}.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-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]{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;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:20px}.btn[data-v-6758a7c6]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:999px;-webkit-box-shadow:5px 5px 20px var(--shadow-color-gray),-5px -5px 20px #fff,inset 1px 1px 1px #fff;box-shadow:5px 5px 20px var(--shadow-color-gray),-5px -5px 20px #fff,inset 1px 1px 1px #fff}.btn.disabled[data-v-6758a7c6]{cursor:not-allowed;-webkit-box-shadow:unset;box-shadow:unset;border:1px solid var(--color-light-gray);color:var(--fc-disabled);background-color:unset}.btn[data-v-6758a7c6]:hover{background-color:var(--bg-gray-hover)}.btn[data-v-6758a7c6]:active{-webkit-box-shadow:inset 5px 5px 20px var(--shadow-color-gray),inset -5px -5px 20px #fff,inset -1px -1px 1px #fff;box-shadow:inset 5px 5px 20px var(--shadow-color-gray),inset -5px -5px 20px #fff,inset -1px -1px 1px #fff}.btn.sm[data-v-6758a7c6]{height:28px;width:28px}.btn.sm .icon[data-v-6758a7c6]{font-size:12px}.btn.md[data-v-6758a7c6]{height:48px;width:48px}.btn.md .icon[data-v-6758a7c6]{font-size:16px}.btn.lg[data-v-6758a7c6]{height:64px;width:64px}.btn.lg .icon[data-v-6758a7c6]{font-size:24px}.validation-wrapper[data-v-bde78af4]{position:relative;display:inline-block}.validation-wrapper[data-v-bde78af4]>:first-child{width:100%}.validation-wrapper .validation[data-v-bde78af4]{position:absolute;color:var(--validation-red)}.validation-wrapper .validation .validation-message[data-v-bde78af4]{font-size:14px;font-weight:500;white-space:nowrap}.select-wrap[data-v-b2135a02]{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.select-wrap .btn[data-v-b2135a02],.select-wrap[data-v-b2135a02]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-direction:normal}.select-wrap .btn[data-v-b2135a02]{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;gap:16px;padding:16px 24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;border:0;-webkit-box-shadow:inset 0 0 0 1px var(--color-light-gray);box-shadow:inset 0 0 0 1px var(--color-light-gray);overflow:hidden}.select-wrap .btn[data-v-b2135a02]:disabled{color:rgba(0,0,0,.2);cursor:not-allowed;background-color:transparent}.select-wrap .btn[data-v-b2135a02]:focus{-webkit-box-shadow:inset 0 0 0 2px var(--primary);box-shadow:inset 0 0 0 2px var(--primary)}.select-wrap .btn.error[data-v-b2135a02]{-webkit-box-shadow:inset 0 0 0 2px var(--validation-red);box-shadow:inset 0 0 0 2px var(--validation-red)}.select-wrap .btn span[data-v-b2135a02]{line-height:16px;font-size:14px;font-weight:500;display:inline-block;text-align:left}.select-wrap .btn span.title[data-v-b2135a02]{opacity:.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.select-wrap .btn span.name[data-v-b2135a02]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-box-flex:1;-ms-flex:1;flex:1}.select-wrap .btn span.icon[data-v-b2135a02]{display:inline;width:16px;height:16px}.select-wrap .option-wrap[data-v-b2135a02]{display:block;position:relative}.select-wrap .option-wrap .option-box[data-v-b2135a02]{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:100;margin-top:8px;background-color:#fff;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.1);box-shadow:0 4px 20px rgba(0,0,0,.1);max-height:252px}.select-wrap .option-wrap .option-box .option-list[data-v-b2135a02]{margin:16px 1px 16px 0;padding:0;overflow-y:auto}.select-wrap .option-wrap .option-box .option-list[data-v-b2135a02]::-webkit-scrollbar{width:6px}.select-wrap .option-wrap .option-box .option-list li[data-v-b2135a02]{padding:16px 14px;font-size:14px;line-height:16px;font-weight:500;opacity:.4;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.select-wrap .option-wrap .option-box .option-list li[data-v-b2135a02]:hover{font-weight:600;opacity:1}.select-wrap .option-wrap .option-box .option-list li[data-v-b2135a02]:before{content:none}.right-spacer[data-v-e9a4cd70]{width:150px}