.ugc-video-title[data-v-c5e278bf]{color:#333;font-family:PingFang SC,sans-serif;font-size:40px;font-weight:600;line-height:40px;margin-bottom:60px;margin-top:60px;text-align:center}@media (min-width:769px) and (max-width:1199px){.ugc-video-title[data-v-c5e278bf]{font-size:32px;line-height:36px;margin-bottom:30px;margin-top:40px}}@media (min-width:328px) and (max-width:768px){.ugc-video-title[data-v-c5e278bf]{font-size:32px;line-height:normal;margin:0;padding:32px 0 12px}}.tag-list[data-v-c5e278bf]{align-items:center;display:grid;font-size:16px;gap:16px 12px;grid-template-columns:repeat(6,1fr);margin:0 auto;max-width:1362px;padding:0}.tag-list .tag-item[data-v-c5e278bf]{align-items:center;border-radius:99px;cursor:pointer;display:flex;padding:6px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.tag-list .tag-item[data-v-c5e278bf]:hover{background-color:#e9e4fd66;transform:translateY(-2px)}.tag-list .tag-item[data-v-c5e278bf]:active{transform:scale(.96)}.tag-list .tag-item img[data-v-c5e278bf]{flex-shrink:0;height:24px;margin-right:10px;transition:transform .35s cubic-bezier(.34,1.56,.64,1);width:24px}.tag-list .tag-item-selected[data-v-c5e278bf]{animation:tagPulse-c5e278bf .35s cubic-bezier(.34,1.56,.64,1);background:#e9e4fd;color:#4f26fb;font-weight:600}.tag-list .tag-item-selected img[data-v-c5e278bf]{transform:scale(1.15) rotate(-3deg)}@keyframes tagPulse-c5e278bf{0%{transform:scale(.95)}50%{transform:scale(1.04)}to{transform:scale(1)}}.tag-list-h[data-v-c5e278bf]{width:100%}.tag-list-h .dropdown[data-v-c5e278bf]{display:inline-block;position:relative;width:100%}.tag-list-h .dropdown-button[data-v-c5e278bf]{align-items:center;background-color:#fff;border:none;border-radius:8px;box-shadow:0 2px 8px #ada2d033;cursor:pointer;display:flex;height:40px;padding:0 24px;transition:all .3s ease;width:100%}.tag-list-h .custom-button[data-v-c5e278bf]:active,.tag-list-h .custom-button[data-v-c5e278bf]:focus{color:inherit;outline:none}.tag-list-h .dropdown-button .icon img[data-v-c5e278bf]{height:16px;margin-right:8px;width:16px}.tag-list-h .dropdown-button .text[data-v-c5e278bf]{color:#111!important;flex:1;font-family:Source Han Sans CN,sans-serif;font-size:14px;font-weight:500;line-height:14px;text-align:left}.tag-list-h .dropdown-button .arrow[data-v-c5e278bf]{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000;height:0;margin-left:10px;transition:transform .3s;width:0}.tag-list-h .dropdown-button .arrow.open[data-v-c5e278bf]{transform:rotate(180deg)}.tag-list-h .dropdown-menu[data-v-c5e278bf]{background-color:#fff;border-radius:0 0 8px 8px;box-shadow:0 10px 25px #00000014;box-sizing:border-box;display:flex;flex-direction:column;gap:12px;margin:0;padding:12px 14px;position:absolute;width:100%;z-index:10}.tag-list-h .dropdown-menu .active[data-v-c5e278bf]{background:#e9e4fd;border-radius:8px;color:#4f26fb;font-weight:600}.tag-list-h .dropdown-menu li[data-v-c5e278bf]{align-items:center;color:#777;cursor:pointer;display:flex;font-family:Source Han Sans CN,sans-serif;font-size:13px;font-weight:500;line-height:14px;padding:10px 24px;transition:all .2s ease}.tag-list-h .dropdown-menu li[data-v-c5e278bf]:hover{background-color:#e9e4fd4d;border-radius:8px}.tag-list-h .dropdown-menu li img[data-v-c5e278bf]{height:16px;margin-right:8px;width:16px}.tag-description[data-v-c5e278bf]{background:#f4f0ff;border-radius:24px;box-sizing:border-box;margin:32px auto 0;max-width:100%;padding:12px 28px;width:-moz-fit-content;width:fit-content}.tag-description .tag-desc-inner[data-v-c5e278bf]{align-items:baseline;display:flex;gap:20px}.tag-description .desc-label[data-v-c5e278bf]{color:#333;flex-shrink:0;font-size:16px;font-weight:600;white-space:nowrap}.tag-description .desc-text[data-v-c5e278bf]{color:#333;flex:1;font-size:14px;line-height:1.5;min-width:0;word-break:break-word}@media (min-width:769px) and (max-width:1199px){.tag-description[data-v-c5e278bf]{margin-top:20px;max-width:100%;padding:12px 20px}}@media (min-width:328px) and (max-width:768px){.tag-description[data-v-c5e278bf]{margin-top:16px;max-width:100%;padding:12px 20px}}.text-fade-enter-active[data-v-c5e278bf],.text-fade-leave-active[data-v-c5e278bf]{transition:opacity .25s ease}.text-fade-enter-from[data-v-c5e278bf],.text-fade-leave-to[data-v-c5e278bf]{opacity:0}.mobile-tag-desc[data-v-c5e278bf]{color:#333;font-family:PingFang SC,sans-serif;font-size:13px;font-weight:400;line-height:20px;margin:20px 10px}.video-list[data-v-c5e278bf]{display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-top:32px}@media (min-width:769px) and (max-width:1199px){.video-list[data-v-c5e278bf]{gap:4%;grid-template-columns:repeat(2,1fr);margin-top:16px;padding-bottom:85px}}@media (min-width:328px) and (max-width:768px){.video-list[data-v-c5e278bf]{gap:11px;grid-template-columns:repeat(2,1fr);margin-top:16px;padding-bottom:55px}}.video-list .video-card[data-v-c5e278bf]{background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000000a;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease}@media (min-width:328px) and (max-width:768px){.video-list .video-card[data-v-c5e278bf]{border-radius:4px;box-shadow:0 2px 6px #ad9ddd1a}}.video-list .video-card[data-v-c5e278bf]:hover{box-shadow:0 12px 28px #0000001a;transform:translateY(-6px)}.video-list .video-card:hover .play-icon[data-v-c5e278bf]{background:#000000bf;transform:translate(-50%,-50%) scale(1.15)}.video-list .video-card-img[data-v-c5e278bf]{background:#f0edf9;overflow:hidden;padding-top:56.25%;position:relative;width:100%}@media (min-width:328px) and (max-width:768px){.video-list .video-card-img[data-v-c5e278bf]{border-radius:4px 4px 0 0;padding-top:55.6962025316%}}.video-list .video-card-img img[data-v-c5e278bf]:not(.play-icon){height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.video-list .video-card-img .play-icon[data-v-c5e278bf]{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border-radius:50%;display:flex;height:48px;justify-content:center;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .3s ease,background-color .3s ease;width:48px;z-index:2}.video-list .video-card-img .play-icon svg[data-v-c5e278bf]{height:22px;margin-left:3px;width:22px;fill:#fff}@media (min-width:328px) and (max-width:768px){.video-list .video-card-img .play-icon[data-v-c5e278bf]{height:36px;width:36px}.video-list .video-card-img .play-icon svg[data-v-c5e278bf]{height:16px;margin-left:2px;width:16px}}.video-list .video-card-title[data-v-c5e278bf]{align-items:center;background:#fff;color:#333;display:flex;flex:1;font-size:14px;font-weight:600;overflow:hidden;padding:14px 18px;text-overflow:ellipsis;white-space:nowrap}@media (min-width:328px) and (max-width:768px){.video-list .video-card-title[data-v-c5e278bf]{color:#111;font-family:Source Han Sans CN,sans-serif;font-size:14px;font-weight:500;line-height:16px;padding:12px 10px;white-space:normal;word-break:break-word}}.video-grid-enter-active[data-v-c5e278bf]{transition:all .4s cubic-bezier(.16,1,.3,1)}.video-grid-leave-active[data-v-c5e278bf]{display:none}.video-grid-enter-from[data-v-c5e278bf]{opacity:0;transform:translateY(16px) scale(.96)}.fade-video-list-enter-active[data-v-c5e278bf],.fade-video-list-leave-active[data-v-c5e278bf]{transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1)}.fade-video-list-enter-from[data-v-c5e278bf]{opacity:0;transform:translateY(8px)}.fade-video-list-leave-to[data-v-c5e278bf]{opacity:0;transform:translateY(-8px)}.close-icon[data-v-e6f04058]{cursor:pointer;position:absolute;right:-35px;top:-35px}@media (min-width:328px) and (max-width:768px){.close-icon[data-v-e6f04058]{right:-23px;top:-35px}}.video-container[data-v-e6f04058]{background-color:#000;border-radius:20px;height:60vh;margin:auto;min-height:560px;min-width:260px;position:relative;width:-moz-min-content;width:min-content}@media screen and (max-width:800px){.video-container[data-v-e6f04058]{height:-moz-min-content;height:min-content;min-height:200px}}.video-container video[data-v-e6f04058]{border:5px solid #000;border-radius:20px;max-height:100%}@media screen and (max-width:800px){.video-container video[data-v-e6f04058]{max-height:70vh;max-width:80vmin}}