.key-search-wrapper{margin-left:auto}.topic-wrapper{margin:0 auto;max-width:900px;width:100%}.topic-list{display:flex;flex-wrap:wrap;gap:40px 20px}@media (max-width:991.98px){.topic-list{gap:32px 16px}}@media (min-width:992px){.topic-list .topic-item{flex:0 0 calc(33.333333333333336% - 13.33px);max-width:calc(33.333333333333336% - 13.33px);width:calc(33.333333333333336% - 13.33px)}}@media (min-width:576px) and (max-width:991.98px){.topic-list .topic-item{flex:0 0 calc(50% - 8px);max-width:calc(50% - 8px);width:calc(50% - 8px)}}@media (max-width:575.98px){.topic-list{gap:24px 12px}.topic-list .topic-item{flex:0 0 100%;max-width:100%;width:100%}.topic-item.theme-detail .topic-content{margin-top:12px}}.topic-item{display:flex!important;flex-direction:column;justify-content:space-between}.topic-item.theme-detail .topic-preview{border-radius:0}@media (min-width:576px){.topic-item.theme-detail{flex-direction:row;gap:40px}.topic-item.theme-detail .topic-preview{flex:0 0 calc(40% - 20px);max-width:calc(40% - 20px);width:calc(40% - 20px)}}@media (min-width:1200px){.topic-item.theme-detail{gap:20px}.topic-item.theme-detail .topic-preview{flex:0 0 calc(40% - 10px);max-width:calc(40% - 10px);width:calc(40% - 10px)}}.topic-item.theme-detail .topic-pic{aspect-ratio:auto;border-radius:16px}.topic-item.theme-detail .topic-content{background-color:transparent;border:none;border-radius:0;padding:0}@media (min-width:576px){.topic-item.theme-detail .topic-content{flex:0 0 calc(60% - 20px);max-width:calc(60% - 20px);width:calc(60% - 20px)}}@media (min-width:1200px){.topic-item.theme-detail .topic-content{flex:0 0 calc(60% - 10px);max-width:calc(60% - 10px);width:calc(60% - 10px)}}.topic-item.theme-detail .topic-apply-inner{margin-top:12px}.topic-item .topic-preview{border-radius:24px 24px 0 0;display:block;overflow:hidden;position:relative;width:100%}@media (max-width:1199.98px){.topic-item .topic-preview{border-radius:16px 16px 0 0}}.topic-item .topic-tag{align-items:center;background-color:#e3f7fd;border-radius:13px;cursor:pointer;color:#17b9ec;display:inline-flex;font-size:12px;height:22px;justify-content:center;line-height:1em;margin:0;padding:0 10px;text-align:center;transition:.25s;vertical-align:middle;padding-top:1px!important;left:16px;position:absolute;top:16px}.topic-item .topic-tag.theme-danger{background-color:#fcdfe6;color:#f27292}.topic-item .topic-tag.theme-red{color:red}.topic-item .topic-tag.theme-purple{background-color:#e6e3f1;color:#8b85ca}.topic-item .topic-tag.theme-green{background-color:#d7edd0;color:#6abf48}.topic-item .topic-pic{aspect-ratio:2.25;height:auto;object-fit:cover;width:100%}.topic-item .topic-content{background-color:#fff;border:1px solid #efefef;border-top:0;border-radius:0 0 24px 24px;display:flex;gap:6px;flex-direction:column;flex:1 0 auto;padding:16px}.topic-item .topic-duration{font-size:12px}.topic-item .topic-title{font-size:16px;font-weight:700}.topic-item .topic-intro{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;color:#999}.topic-item .topic-info{align-items:baseline;display:flex}@media (max-width:1199.98px){.topic-item .topic-tag{left:12px;top:12px}.topic-item .topic-content{border-radius:0 0 16px 16px;padding:12px}.topic-item .topic-title{font-size:14px}.topic-item .topic-info,.topic-item .topic-intro{font-size:12px}}.topic-item .topic-info .info-title{flex:0 0 auto}.topic-item .topic-info .info-content{flex:1 1 auto}.topic-item .topic-apply{margin-top:auto}.topic-item .topic-apply-inner{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;width:100%}.topic-item .topic-apply-inner .btn{margin-left:auto}.topic-item .topic-price{color:#17b9ec;font-size:16px;font-weight:700;margin-right:auto}@media (max-width:1199.98px){.topic-item .topic-price{font-size:14px}}