.topics-wrap[data-v-bdaace5f]{width:100%;height:100%;padding:0 0 .39063vw}.topics-wrap[data-v-bdaace5f] .banner{width:100%;height:9.375vw;margin-bottom:2.34375vw}.topics-wrap .topics-container[data-v-bdaace5f]{width:100%;max-width:78.125vw;height:calc(100% - 11.71875vw);margin:0 auto;gap:.78125vw;border-radius:.9375vw;overflow:hidden auto;background:#fff;position:relative}.topics-wrap .topics-container .topics[data-v-bdaace5f]{border-bottom:1px solid rgba(0,0,0,.05);color:#333;font-family:PingFang SC;font-size:.9375vw;font-style:normal;font-weight:400;line-height:1.32813vw;padding:.78125vw 1.40625vw}.topics-wrap .topics-container .topics .name[data-v-bdaace5f]{color:#333;font-family:PingFang SC;font-size:1.875vw;font-style:normal;font-weight:600;line-height:2.61719vw;margin-right:2.73438vw}.topics-wrap .topics-container .topics .comments[data-v-bdaace5f],.topics-wrap .topics-container .topics .views[data-v-bdaace5f]{color:#333;font-family:PingFang SC;font-size:.9375vw;font-style:normal;font-weight:600;line-height:1.32813vw;margin-right:.9375vw}.topics-wrap .topics-container .topics-result[data-v-bdaace5f]{width:100%;min-height:100%;border-radius:.39063vw}.topics-wrap .topics-container .topics-result .tab-box[data-v-bdaace5f]{margin:0 -.3125vw;position:sticky;top:0;padding:1.5625vw 0 .46875vw;background:#fcfdff;z-index:10}.topics-wrap .topics-container .topics-result .tab[data-v-bdaace5f]{position:relative;display:flex;justify-content:flex-start;padding:0 1.40625vw;width:100%;height:50spx;--active: 0}.topics-wrap .topics-container .topics-result .tab[data-v-bdaace5f]:after{position:absolute;content:"";display:block;width:.9375vw;height:.15625vw;left:calc(var(--active)*5.9375vw + 2.34375vw);bottom:-.3125vw;background:#557bf6;border-radius:.625vw;transition:left .3s ease-in-out}.topics-wrap .topics-container .topics-result .tab .btn[data-v-bdaace5f]{width:2.8125vw;margin-right:3.125vw;color:#333;font-family:PingFang SC;font-size:1.40625vw;font-style:normal;font-weight:600;line-height:normal}.topics-wrap .topics-container .topics-result .tab .active[data-v-bdaace5f]{color:#557bf6}.topics-wrap .topics-container .topics-result[data-v-bdaace5f] .topics-list{margin-top:1.95313vw;width:100%}.topics-wrap .topics-container .topics-result[data-v-bdaace5f] .topics-list ul{padding:0 1.40625vw}.topics-wrap .topics-container .topics-result[data-v-bdaace5f] .topics-list .list{display:flex;flex-wrap:wrap;justify-content:space-between}.topics-wrap .topics-container .topics-result[data-v-bdaace5f] .topics-list .video-list{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.5625vw .625vw}.topics-wrap .topics-container .topics-result[data-v-bdaace5f] .topics-list .video-list .video-item{width:18.35938vw}.topics-wrap .topics-container .topics-result[data-v-bdaace5f] .topics-list .video-list .video-item .cover{width:18.35938vw;height:10.15625vw;border-radius:.625vw;overflow:hidden}.topics-wrap .topics-container .topics-result[data-v-bdaace5f] .topics-list .video-list .video-item .cover .info-bar:before{border-radius:0 0 .625vw .625vw}.topics-wrap .topics-container .topics-result[data-v-bdaace5f] .topics-list .video-list .video-item .title{color:#333;font-family:PingFang SC;font-size:.78125vw;font-style:normal;font-weight:600;line-height:1.09375vw}.topics-wrap .topics-container .topics-result[data-v-bdaace5f] .topics-list .book-list{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.875vw 2.5vw}.topics-wrap .topics-container .topics-result[data-v-bdaace5f] .topics-list .book-list .book-item{width:23.4375vw;height:11.95313vw}.topics-wrap .topics-container .topics-result[data-v-bdaace5f] .topics-list .tutorial-list{padding:0;margin-bottom:.46875vw;overflow:hidden}.topics-wrap .topics-container .topics-result[data-v-bdaace5f] .topics-list .tutorial-list .tutorial-box{width:100%}.topics-wrap .topics-container .topics-result[data-v-bdaace5f] .topics-list .tutorial-list .tutorial-box:first-child .tutorial-item,.topics-wrap .topics-container .topics-result[data-v-bdaace5f] .topics-list .tutorial-list .tutorial-box:not(:last-child) .tutorial-item{border-bottom:1px solid #e6e6e6}.topics-wrap .topics-container .topics-result[data-v-bdaace5f] .topics-list .tutorial-list .tutorial-item{width:100%;padding:1.5625vw 1.40625vw;display:flex;align-items:center;justify-content:space-between;color:#333;font-family:PingFang SC;font-size:1.09375vw;font-style:normal;font-weight:600;line-height:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.topics-wrap .topics-container .topics-result[data-v-bdaace5f] .topics-list .tutorial-list .tutorial-item:hover{background-color:rgba(85,123,246,.1)}.topics-wrap .topics-container .topics-result[data-v-bdaace5f] .topics-list .tag-list{padding:0}.topics-wrap .topics-container .topics-result[data-v-bdaace5f] .topics-list .competition-list{display:flex;flex-direction:column;gap:.39063vw}.topics-wrap .topics-container .topics-result[data-v-bdaace5f] .topics-list .competition-list .competition-card{box-shadow:inset 0 1px .07813vw 1px #fff,inset 0 -1px .07813vw rgba(185,208,229,.64)}.topics-wrap .topics-container .topics-result .videolist[data-v-bdaace5f]{display:flex;justify-content:space-between;flex-wrap:wrap}