.skeleton-waterfall[data-v-c5f49ca5]{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));width:100%}.skeleton-card[data-v-c5f49ca5]{animation:pulse-c5f49ca5 1.5s ease-in-out infinite;background-color:#1e1e1e;border-radius:12px;overflow:hidden}.skeleton-thumb[data-v-c5f49ca5]{background-color:#2a2a2a;height:200px;width:100%}.skeleton-content[data-v-c5f49ca5]{padding:12px}.skeleton-subtitle[data-v-c5f49ca5],.skeleton-title[data-v-c5f49ca5]{background-color:#333;border-radius:6px;height:14px;margin-bottom:10px}.skeleton-title[data-v-c5f49ca5]{width:70%}.skeleton-subtitle[data-v-c5f49ca5]{width:50%}.skeleton-footer[data-v-c5f49ca5]{display:flex;flex-direction:column;margin-top:12px}.skeleton-icon[data-v-c5f49ca5]{background-color:#333;border-radius:4px;height:20px;width:20px}@keyframes pulse-c5f49ca5{0%{opacity:1}50%{opacity:.5}to{opacity:1}}section[data-v-454d7ae5]{border-radius:10px;display:flex;height:100%;overflow:hidden;width:100%}section .video-box[data-v-454d7ae5]{align-items:center;display:flex;justify-content:center;position:relative;width:71%}section .video-box .video-backround[data-v-454d7ae5]{align-items:center;background-position:50%;background-size:cover;display:flex;filter:blur(50px);height:100%;justify-content:center;position:absolute;width:100%}section .video-box video[data-v-454d7ae5]{height:100%;width:100%;z-index:1}section .video-interactive[data-v-454d7ae5]{display:flex;flex:1;flex-direction:column;padding:20px}section .video-interactive .top[data-v-454d7ae5]{align-items:center;display:flex;gap:10px}section .video-interactive .top img[data-v-454d7ae5]{border-radius:50%}section .video-interactive .top .creater[data-v-454d7ae5]{flex:1}section .video-interactive .top .creater a[data-v-454d7ae5]{color:#fff;font-size:16px}section .video-interactive .top .creater p[data-v-454d7ae5]{color:#fff;font-size:12px;opacity:.4}section .video-interactive .top button[data-v-454d7ae5]{border:1px solid hsla(0,0%,100%,.12);border-radius:8px;padding:8px 12px;transition:.3s linear}section .video-interactive .top button[data-v-454d7ae5]:hover{background:#ffffff2c}section .video-interactive .description[data-v-454d7ae5]{height:200px;margin-top:20px;max-height:200px;overflow-y:auto}section .video-interactive .description.scrollbar[data-v-454d7ae5]::-webkit-scrollbar-track{background:#0f0f0f80;border-radius:4px}section .video-interactive .btn-box[data-v-454d7ae5]{align-items:center;display:flex;gap:16px;margin-bottom:30px;margin-top:12px}section .video-interactive .btn-box button[data-v-454d7ae5],section .video-interactive .btn-box span[data-v-454d7ae5]{align-items:center;background:#ffffff0a;border:1px solid hsla(0,0%,100%,.06);border-radius:8px;color:#b3b3b3;display:flex;font-size:14px;gap:6px;height:35px;padding:6px 10px;transition:.3s linear}section .video-interactive .btn-box button[data-v-454d7ae5]:hover{background:#cccccc2c}section .video-interactive .btn-box button[data-v-454d7ae5]{min-width:60px}section .video-interactive .btn-box button[data-v-454d7ae5]:nth-child(3){min-width:unset}@media (max-width:768px){section[data-v-454d7ae5]{flex-direction:column}section .video-box[data-v-454d7ae5]{height:50%;width:100%}}.card[data-v-65ca42e5]{border-radius:8px;cursor:pointer;overflow:hidden}.card-top[data-v-65ca42e5]{display:flex;position:relative}.card-top[data-v-65ca42e5],.card-top img[data-v-65ca42e5]{height:auto;width:100%}.card-top .song-playdata[data-v-65ca42e5]{align-items:center;bottom:10px;display:flex;gap:8px;justify-content:center;left:5%;position:absolute;right:5%;width:90%}.card-top .song-playdata button[data-v-65ca42e5]{align-items:center;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#0009;border-radius:8px;color:#fff;display:flex;flex:1;flex-direction:column;font-size:12px;font-weight:500;gap:6px;justify-content:center;padding:12px 10px;transition:.3s linear}.card-top .song-playdata button[data-v-65ca42e5]:hover{background-color:#87878799}.card-top p[data-v-65ca42e5]{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1f;border:1px solid hsla(0,0%,100%,.1);border-radius:6px;color:#fff;display:inline-flex;gap:6px;left:5%;padding:6px 16px;position:absolute;top:3%}.card-top p[data-v-65ca42e5],.card-top p span[data-v-65ca42e5]{font-size:14px;line-height:22px}.card-top p span[data-v-65ca42e5]{color:#999}.card-btm[data-v-65ca42e5]{align-items:flex-start;align-self:stretch;background:#ffffff0f;display:flex;flex-direction:column;gap:6px;justify-content:center;padding:12px}.card-btm p[data-v-65ca42e5]{color:#fff;font-size:14px;font-weight:500;line-height:22px}.card-btm .creator[data-v-65ca42e5]{align-items:center;display:flex;gap:6px}.card-btm .creator img[data-v-65ca42e5]{border-radius:20px}.card-btm .creator a[data-v-65ca42e5]{color:#fff;font-size:12px;opacity:.5}.waterfall-list[data-v-685ac8d0]{background-color:var(--bacbbe20);overflow:hidden;position:relative;width:100%}.waterfall-item[data-v-685ac8d0]{left:0;position:absolute;top:0;transform:translateY(3000px);visibility:hidden}@keyframes fadeIn-685ac8d0{0%{opacity:0}to{opacity:1}}.fadeIn[data-v-685ac8d0]{animation-name:fadeIn-685ac8d0}.lazy__box[data-v-06fbfcdb]{overflow:hidden;position:relative;width:100%}.lazy__resource[data-v-06fbfcdb]{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.lazy__img[data-v-06fbfcdb]{display:block}.lazy__img[lazy=loading][data-v-06fbfcdb]{padding:5em 0;width:48px}.lazy__img[lazy=loaded][data-v-06fbfcdb]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.lazy__img[lazy=error][data-v-06fbfcdb]{height:auto;padding:5em 0;width:48px}