.topics[data-v-d91ef407]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;min-height:100%;background-color:#f7f8fc}.topics header[data-v-d91ef407]{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px;overflow:hidden;line-height:32px;font-size:14px;color:#333;text-align:center;font-weight:400}.topics header .back[data-v-d91ef407]{width:9.5px;height:17px}.topics header .topics-box[data-v-d91ef407]{height:32px;padding:0 16px;display:flex;align-items:center}.topics header .topics-input[data-v-d91ef407]{width:100%;height:32px;padding:6px 30px;line-height:20px;text-indent:8px;border-radius:40px;background-color:rgba(51,51,51,.05);outline:none;color:#333;font-family:PingFang SC;font-size:14px;font-style:normal;font-weight:400}.topics header .topics-input[data-v-d91ef407]::-moz-placeholder{color:#999;font-family:PingFang SC;font-size:12px;font-style:normal;font-weight:400;line-height:20px}.topics header .topics-input[data-v-d91ef407]::placeholder{color:#999;font-family:PingFang SC;font-size:12px;font-style:normal;font-weight:400;line-height:20px}.topics header .topics-icon[data-v-d91ef407]{position:absolute;left:28px;width:16px;height:16px}.topics header .close[data-v-d91ef407]{position:absolute;right:28px;width:12px;height:12px}.topics header .topics-btn[data-v-d91ef407]{display:flex;align-items:center;line-height:32px;color:#333;font-family:PingFang SC;font-size:16px;font-style:normal;font-weight:600}.topics .topics-title[data-v-d91ef407]{display:flex;justify-content:space-between;align-items:center;padding:0 16px 12px;overflow:hidden}.topics .topics-title--placeholder[data-v-d91ef407]{gap:12px;min-height:38px;box-sizing:border-box}.topics .topics-title__bar[data-v-d91ef407]{display:block;border-radius:4px;background:linear-gradient(90deg,rgba(85,123,246,.14) 25%,rgba(85,123,246,.26),rgba(85,123,246,.14) 75%);background-size:200% 100%;animation:topics-title-skeleton-shimmer-d91ef407 1.5s ease-in-out infinite}.topics .topics-title__bar--title[data-v-d91ef407]{flex:1;max-width:65%;height:18px}.topics .topics-title__bar--meta[data-v-d91ef407]{flex-shrink:0;width:88px;height:12px}.topics .topics-title .title[data-v-d91ef407]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:wrap;color:#333;font-family:PingFang SC;font-size:18px;font-style:normal;font-weight:600;line-height:26px}.topics .topics-title .info[data-v-d91ef407]{display:flex;align-items:center;gap:4px;color:#999;font-family:PingFang SC;font-size:10px;font-style:normal;font-weight:400;line-height:18px}@supports not (gap: 1px){.topics .topics-title .info[data-v-d91ef407]{gap:0;row-gap:0;column-gap:0;margin:-2px 0 0 -2px}.topics .topics-title .info[data-v-d91ef407]>*{margin:2px 0 0 2px}}.topics .topics-title .info .views[data-v-d91ef407]{margin-right:4px}.topics .topics-title .info span[data-v-d91ef407]{font-weight:600;color:#333}.topics .topics-result[data-v-d91ef407]{flex:1;display:flex;flex-direction:column;width:100%;min-height:0;padding-top:16px;background-color:#fff;border-radius:12px 12px 0 0}.topics .topics-result .tab[data-v-d91ef407]{flex-shrink:0;position:relative;display:flex;justify-content:flex-start;margin:0 16px;height:28px;--active: 0}.topics .topics-result .tab[data-v-d91ef407]:after{position:absolute;content:"";display:block;width:12px;height:2px;left:calc(var(--active)*15% + 5.5% - 6px);bottom:-2px;background:#6198f7;border-radius:2px;transition:left .3s ease-in-out}.topics .topics-result .tab .btn[data-v-d91ef407]{width:11%;flex-shrink:0;color:#333;font-family:PingFang SC;font-size:14px;font-style:normal;font-weight:400;line-height:22px;box-sizing:border-box}.topics .topics-result .tab .btn[data-v-d91ef407]:not(:last-child){margin-right:4%}.topics .topics-result .tab .btn.active[data-v-d91ef407]{font-size:16px;font-weight:600;line-height:26px}.topics .topics-result .topics-list[data-v-d91ef407]{flex:1;min-height:0;display:flex;flex-direction:column}.topics .topics-result .topics-video-skeleton[data-v-d91ef407]{flex:1;min-height:200px;padding-bottom:8px;position:relative;z-index:1}.topics .topics-result .topics-list-panel[data-v-d91ef407]{flex:1;min-height:0;box-sizing:border-box;padding:16px;overflow-y:auto;-webkit-overflow-scrolling:touch}.topics .topics-result .topics-list-panel[data-v-d91ef407] .tutorial-list{margin-bottom:12px;background:#fff}.topics .topics-result .topics-list-panel[data-v-d91ef407] .tutorial-list .tutorial-box:first-child .tutorial-item{padding-top:0}.topics .topics-result .topics-list-panel[data-v-d91ef407] .tutorial-list .tutorial-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;line-height:24px;color:#333;font-family:PingFang SC;font-size:16px;font-style:normal;font-weight:600;border-bottom:1px solid rgba(51,51,51,.05)}.topics .topics-result .topics-list-panel[data-v-d91ef407] .tutorial-list .tutorial-item p{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topics .topics-result .topics-list-panel[data-v-d91ef407] .video-list{position:relative;display:flex;width:100%;flex-wrap:wrap;gap:12px;-moz-column-gap:11px;column-gap:11px;border-radius:12px 12px 0 0}@supports not (gap: 1px){.topics .topics-result .topics-list-panel[data-v-d91ef407] .video-list{gap:0;row-gap:0;column-gap:0;margin:-6px 0 0 -5.5px}.topics .topics-result .topics-list-panel[data-v-d91ef407] .video-list>*{margin:6px 0 0 5.5px}}.topics .topics-result .topics-list-panel[data-v-d91ef407] .video-list::-webkit-scrollbar{display:none}.topics .topics-result .topics-list-panel[data-v-d91ef407] .video-list .video-item{width:calc(50% - 5.5px)}.topics .topics-result .topics-list-panel[data-v-d91ef407] .book-list{position:relative;display:flex;width:100%;padding-top:16px;flex-wrap:wrap;-moz-column-gap:11px;column-gap:11px;row-gap:32px;border-radius:12px 12px 0 0}@supports not (gap: 1px){.topics .topics-result .topics-list-panel[data-v-d91ef407] .book-list{gap:0;row-gap:0;column-gap:0;margin:-16px 0 0 -5.5px}.topics .topics-result .topics-list-panel[data-v-d91ef407] .book-list>*{margin:16px 0 0 5.5px}}.topics .topics-result .topics-list-panel[data-v-d91ef407] .book-list::-webkit-scrollbar{display:none}.topics .topics-result .topics-list-panel[data-v-d91ef407] .book-list .book-item{width:calc(50% - 5.5px)}.topics .topics-result .topics-list-panel[data-v-d91ef407] .competition-list{display:flex;flex-direction:column;gap:10px}@supports not (gap: 1px){.topics .topics-result .topics-list-panel[data-v-d91ef407] .competition-list{gap:0;row-gap:0;column-gap:0}.topics .topics-result .topics-list-panel[data-v-d91ef407] .competition-list>*+*{margin-top:10px}}.topics .topics-result .topics-list-panel[data-v-d91ef407] .competition-list .competition-card{box-shadow:inset 0 1px 2px 1px #fff,inset 0 -1px 2px rgba(185,208,229,.64)}.topics .topics-result .topics-list-panel[data-v-d91ef407] .user-list{display:flex;flex-direction:column;gap:16px}@supports not (gap: 1px){.topics .topics-result .topics-list-panel[data-v-d91ef407] .user-list{gap:0;row-gap:0;column-gap:0}.topics .topics-result .topics-list-panel[data-v-d91ef407] .user-list>*+*{margin-top:16px}}.topics .topics-result .no-data[data-v-d91ef407]{flex:1;box-sizing:border-box;min-height:min(420px,70vh);padding:24px 16px 48px;display:flex;align-items:center;justify-content:center}@keyframes topics-title-skeleton-shimmer-d91ef407{0%{background-position:200% 0}to{background-position:-200% 0}}