.home-container{margin-top:30px;margin-left:200px;display:flex;align-items:center;justify-content:center;flex-direction:column}.main-title{color:#0d0d0de6;font-size:24px;font-weight:600;line-height:36px}.top-level-1{height:316px;display:flex;align-items:flex-end;gap:20px}.top-level-1 .level-1-todo{width:1120px}.top-level-1 .level-1-todo .title{color:#0d0d0de6;font-size:28px;font-weight:600;line-height:40px}.top-level-1 .level-1-todo .content-container{margin-top:48px}.top-level-1 .level-1-todo .top-buttons{display:flex;align-items:center;gap:4px;width:fit-content;padding:4px;border-radius:14px;border:1px solid rgba(13,13,13,.06);background:#fff;box-shadow:0 4px 10px #0d0d0d0a}.top-level-1 .level-1-todo .top-buttons .ai-button{display:flex;align-items:center;justify-content:center;padding:6px 12px;height:36px;color:#0d0d0de6;border-radius:10px;border:0px solid rgba(13,13,13,.12);background:#0d0d0d00;cursor:pointer}.top-level-1 .level-1-todo .top-buttons .ai-button .button-icon{margin-right:4px}.top-level-1 .level-1-todo .top-buttons .ai-button .button-icon-active{display:none}.top-level-1 .level-1-todo .top-buttons .ai-button:hover{background:#0d0d0d0f}.top-level-1 .level-1-todo .top-buttons .ai-button.button-active{background:#8350f2;color:#fff}.top-level-1 .level-1-todo .top-buttons .ai-button.button-active .button-icon-un-active{display:none}.top-level-1 .level-1-todo .top-buttons .ai-button.button-active .button-icon-active{display:flex}.top-level-1 .level-1-todo .input-container{width:1120px;height:172px;margin-top:12px;padding:14px;border-radius:20px;border:1px solid rgba(13,13,13,.06);background:#fff;box-shadow:0 4px 20px #0d0d0d14;position:relative}.top-level-1 .level-1-todo .input-container .button-container{position:absolute;right:10px;bottom:10px;width:32px;height:32px;border-radius:10px;cursor:pointer}.top-level-1 .level-1-todo .input-container .button-container .show{display:flex!important}.top-level-1 .level-1-todo .input-container .button-container .un-active,.top-level-1 .level-1-todo .input-container .button-container .default,.top-level-1 .level-1-todo .input-container .button-container .hover,.top-level-1 .level-1-todo .input-container .button-container .click{display:none}.top-level-1 .level-1-todo .input-container .button-container:hover .un-active,.top-level-1 .level-1-todo .input-container .button-container:hover .default{display:none!important}.top-level-1 .level-1-todo .input-container .button-container:hover .hover{display:flex!important}.top-level-1 .level-1-todo .input-container .button-container:click .un-active,.top-level-1 .level-1-todo .input-container .button-container:click .default{display:none!important}.top-level-1 .level-1-todo .input-container .button-container:click .click{display:flex!important}.top-level-1 .level-1-todo .input-container .text-input{width:1092px;height:105px;padding-bottom:74px;border-radius:16px;background:#fff;border:none;font-size:16px;color:#0d0d0de6;resize:none}.top-level-1 .level-1-todo .input-container .input-shadow{display:none;position:absolute;left:10px;bottom:-7px;width:98%;height:16px;opacity:.54;border-radius:8px;filter:blur(14px);background:linear-gradient(90deg,#ffc590 2.48%,#fd82d6 25.22%,#b89cf8 68.77%,#66c0ff 95.38%),linear-gradient(0deg,#0003,#0003);animation:animationShadowFade .3s;z-index:0}@keyframes animationShadowFade{0%{opacity:0}to{opacity:.54}}.top-level-1 .level-1-todo .input-container .input-line{display:none;height:2px;width:98%;position:absolute;background:linear-gradient(90deg,#ffc590 2.48%,#fd82d6 25.22%,#b89cf8 68.77%,#66c0ff 95.38%);bottom:0;left:10px;right:0;animation:animationLineScale .3s}@keyframes animationLineScale{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}.top-level-1 .level-1-banner{width:500px;height:172px;flex-shrink:0;border-radius:20px;overflow:hidden;background-repeat:no-repeat;background-size:cover;background-position:left;border:1px solid rgba(13,13,13,.06);cursor:pointer}@media screen and (min-width: 1440px) and (max-width: 1920px){.top-level-1 .level-1-todo,.top-level-1 .input-container{width:845px!important}.top-level-1 .text-input{width:817px!important}.top-level-1 .level-1-banner{width:335px!important}}@media screen and (max-width: 1440px){.top-level-1 .level-1-todo,.top-level-1 .input-container{width:815px!important}.top-level-1 .text-input{width:787px!important}.top-level-1 .level-1-banner{display:none!important}}.top-level-2{margin-top:60px;display:flex;gap:20px}.top-level-2 .level-2-left{width:1120px;padding:20px 56px 20px 30px;border-radius:20px;border:1px solid var(---kd-color-line-light, rgba(13, 13, 13, .06));background:#fff}.top-level-2 .level-2-left .recommend-list{margin-top:24px;display:flex;flex-direction:column;gap:35px}.top-level-2 .level-2-left .recommend-item{display:flex;align-items:center;gap:40px;height:200px}.top-level-2 .level-2-left .recommend-item:first-child{margin-top:0}.top-level-2 .level-2-left .recommend-item .recommend-img-container{width:450px;height:200px;display:flex;align-items:center;justify-content:center;border-radius:16px;flex-shrink:0}.top-level-2 .level-2-left .recommend-item .recommend-img-container .recommend-img{width:306px;height:200px}.top-level-2 .level-2-left .recommend-item .recommend-img-container.theme-orange{border:1px solid #FFE3BE;background:linear-gradient(111deg,#fff8e3 6.09%,#ffe8d0 97%),linear-gradient(116deg,#f9f1ff 3.1%,#dbd0ff)}.top-level-2 .level-2-left .recommend-item .recommend-img-container.theme-purple{border:1px solid #DFCDFF;background:linear-gradient(116deg,#f9f1ff 3.1%,#dbd0ff),linear-gradient(116deg,#f9f1ff 3.1%,#dbd0ff)}.top-level-2 .level-2-left .recommend-item .recommend-img-container.theme-blue{border:1px solid #B7D5FF;background:linear-gradient(111deg,#e3efff 6.09%,#c9e0ff 97%)}.top-level-2 .level-2-left .recommend-item .theme-purple{color:#861ddd}.top-level-2 .level-2-left .recommend-item .theme-orange{color:#d67500}.top-level-2 .level-2-left .recommend-item .theme-blue{color:#1d45dd}.top-level-2 .level-2-left .recommend-item .title{font-size:20px;font-weight:600;line-height:32px}.top-level-2 .level-2-left .recommend-item .title .title-right{color:#0d0d0de6}.top-level-2 .level-2-left .recommend-item .description{color:#0d0d0da8;font-size:14px;line-height:28px;margin-top:4px}.top-level-2 .level-2-left .recommend-item .button{margin-top:34px;display:flex;align-items:center;justify-content:center;gap:4px;width:112px;height:40px;border-radius:8px}.top-level-2 .level-2-left .recommend-item .button:hover.theme-purple{background:#8b0ff221}.top-level-2 .level-2-left .recommend-item .button:hover.theme-orange{background:#f8870026}.top-level-2 .level-2-left .recommend-item .button:hover.theme-blue{background:#0f3ff521}.top-level-2 .level-2-left .recommend-item .button.theme-purple{background:#861ddd17}.top-level-2 .level-2-left .recommend-item .button.theme-orange{background:#d675001a}.top-level-2 .level-2-left .recommend-item .button.theme-blue{background:#1d45dd1a}.top-level-2 .level-2-left .recommend-item .button .recommend-span{font-weight:600}.top-level-2 .level-2-right{width:500px;padding:20px 30px;display:flex;flex-direction:column;align-items:center;gap:44px;border-radius:20px;border:1px solid rgba(13,13,13,.06);background:#fff}.top-level-2 .level-2-right .level-2-hot-app,.top-level-2 .level-2-right .level-2-community{width:100%}.top-level-2 .level-2-right .hot-list{width:100%;margin-top:24px}.top-level-2 .level-2-right .hot-list .hot-item{width:100%;background:#fff;margin-top:18px;border-bottom:1px solid rgba(13,13,13,.06);padding-bottom:18px}.top-level-2 .level-2-right .hot-list .hot-item:first-child{margin-top:0}.top-level-2 .level-2-right .hot-list .hot-item:last-child{padding-bottom:0;border-bottom:none}.top-level-2 .level-2-right .hot-list .title-container{display:flex;align-items:center;gap:8px}.top-level-2 .level-2-right .hot-list .title-container .icon-container{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:7px;border:1px solid rgba(13,13,13,.12);background:#fff}.top-level-2 .level-2-right .hot-list .title-container .title{color:#0d0d0de6;font-size:16px;font-weight:600;line-height:24px}.top-level-2 .level-2-right .hot-list .description{margin-top:8px;color:#0d0d0da8;font-size:12px;line-height:20px}.top-level-2 .level-2-right .hot-list .label-list{margin-top:20px;display:flex;align-items:center;gap:5px}.top-level-2 .level-2-right .hot-list .label-list .label{display:flex;align-items:center;justify-content:center;height:20px;border-radius:4px;background:#eee;padding:0 6px;color:#0d0d0da8;font-size:12px;line-height:20px}.top-level-2 .level-2-right .main-title-container{display:flex;align-items:center;justify-content:space-between}.top-level-2 .level-2-right .main-title-container .show-more{color:#0d0d0d75;font-size:14px;line-height:24px;padding-left:8px;display:flex;align-items:center}.top-level-2 .level-2-right .main-title-container .show-more:hover{border-radius:4px;background:#0d0d0d0f}.top-level-2 .level-2-right .main-title-container .show-more:click{border-radius:4px;background:#0d0d0d1a}.top-level-2 .level-2-right .community-list{width:100%;margin-top:24px}.top-level-2 .level-2-right .community-list .community-item{width:100%;display:flex;align-items:center;margin-top:12px}.top-level-2 .level-2-right .community-list .community-item:first-child{margin-top:0}.top-level-2 .level-2-right .community-list .community-item .label{display:flex;align-items:center;justify-content:center;width:30px;padding:0 6px;flex-shrink:0;border-radius:4px;background:#1f69e01a;color:#0d0d0da8}.top-level-2 .level-2-right .community-list .community-item .label.label-active{color:#1f69e0;font-weight:700}.top-level-2 .level-2-right .community-list .community-item .title{width:460px;margin-left:20px;color:#0d0d0da8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-level-2 .level-2-right .community-list .community-item .title:hover{color:#0d0d0de6}@media screen and (min-width: 1440px) and (max-width: 1920px){.top-level-2 .level-2-left{width:845px!important}.top-level-2 .recommend-img-container{width:310px!important}.top-level-2 .level-2-right{width:335px!important}}@media screen and (max-width: 1440px){.top-level-2 .level-2-left{width:815px!important}.top-level-2 .recommend-img-container{width:310px!important}.top-level-2 .level-2-right{display:none!important}}.top-level-3{margin-top:20px;width:1640px;height:368px;padding:20px 30px;border-radius:20px;border:1px solid rgba(13,13,13,.06);background:#fff}.top-level-3 .main-title-container{display:flex;align-items:center;justify-content:space-between}.top-level-3 .main-title-container .show-more{color:#0d0d0d75;font-size:14px;line-height:24px;padding-left:8px;display:flex;align-items:center}.top-level-3 .main-title-container .show-more:hover{border-radius:4px;background:#0d0d0d0f}.top-level-3 .main-title-container .show-more:click{border-radius:4px;background:#0d0d0d1a}.top-level-3 .lesson-list{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px}.top-level-3 .lesson-list .image-container{width:383px;height:220px;border-radius:16px;background:linear-gradient(188deg,#f4f7ff 16.18%,#dde1fd 114.19%),#ebebeb;overflow:hidden}.top-level-3 .lesson-list .image-container .lesson-img{width:100%;height:100%;border-radius:16px}.top-level-3 .lesson-list .image-container .lesson-img:hover{transform:scale(1.05)}.top-level-3 .lesson-list .lesson-title-container{display:flex;align-items:center;justify-content:center;text-align:center}.top-level-3 .lesson-list .lesson-title-container .lesson-title{width:337px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:16px}@media screen and (min-width: 1440px) and (max-width: 1920px){.top-level-3{width:1200px!important}.top-level-3 .lesson-list{overflow:hidden;gap:14px!important}.top-level-3 .image-container{width:370px!important}.top-level-3 .lesson-title{width:324px!important}}@media screen and (max-width: 1440px){.top-level-3{width:815px!important}.top-level-3 .lesson-list{overflow:hidden;gap:12px!important}.top-level-3 .image-container{width:370px!important}.top-level-3 .lesson-title{width:324px!important}}.top-level-4{margin-top:20px;width:1640px;padding:20px 30px 30px;border-radius:20px;border:1px solid var(---kd-color-line-light, rgba(13, 13, 13, .06));background:#fff}.top-level-4 .more-app-list{margin-top:24px;display:flex;align-items:center;gap:16px}.top-level-4 .more-app-list .more-app-item{width:383px;padding:20px;border-radius:16px}.top-level-4 .more-app-list .more-app-item.theme-origin{background:linear-gradient(180deg,#fff2eb,#fff7f2)}.top-level-4 .more-app-list .more-app-item.theme-pink{background:linear-gradient(180deg,#fff2f3,#fff5f5)}.top-level-4 .more-app-list .more-app-item.theme-blue{background:linear-gradient(180deg,#f0f4ff,#f4f7ff 33.17%)}.top-level-4 .more-app-list .more-app-item.theme-green{background:linear-gradient(180deg,#ecfaeb,#f0fff2)}.top-level-4 .more-app-list .more-app-item .group-name-container{display:flex;align-items:center;justify-content:space-between;margin:0 8px 0 10px}.top-level-4 .more-app-list .more-app-item .group-name-container .more-app-group-icon{display:flex;align-items:center;gap:10px}.top-level-4 .more-app-list .more-app-item .group-name-container .more-app-group-name{color:#0d0d0de6;font-size:22px;font-weight:600;line-height:36px}.top-level-4 .more-app-list .more-app-item .group-name-container .more-app-more-action-icon{cursor:pointer}.top-level-4 .more-app-list .more-app-item .more-app-group-list{margin-top:22px}.top-level-4 .more-app-list .more-app-item .more-app-group-list .group-item{display:flex;align-items:center;gap:6px;border-radius:10px;background:#fff;margin-top:15px;width:344px;height:63px;padding:16px}.top-level-4 .more-app-list .more-app-item .more-app-group-list .group-item .group-left{display:flex;align-items:center}.top-level-4 .more-app-list .more-app-item .more-app-group-list .group-item .app-name{margin-left:9px;color:#000;font-size:16px;line-height:36px;flex-shrink:0}.top-level-4 .more-app-list .more-app-item .more-app-group-list .group-item .app-label{height:20px;border-radius:4px;color:#0d0d0da8;font-size:12px;line-height:20px;flex-shrink:0}@media screen and (min-width: 1440px) and (max-width: 1920px){.top-level-4{width:1200px!important}.top-level-4 .more-app-list{overflow:hidden;gap:14px!important}.top-level-4 .more-app-item{width:273px!important}.top-level-4 .more-app-item .app-label{display:none}.top-level-4 .more-app-group-list .group-item{width:233px!important}}@media screen and (max-width: 1440px){.top-level-4{width:815px!important}.top-level-4 .more-app-list{overflow:hidden;gap:12px!important;flex-wrap:wrap}.top-level-4 .more-app-item{width:370px!important}.top-level-4 .more-app-group-list .group-item{width:330px!important}}