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