.footer{width:100%;--tw-bg-opacity:1;background-color:rgb(13 13 13/var(--tw-bg-opacity,1))}.footer h3{color:#ffffffde;font-size:14px;font-weight:700;line-height:24px}.footer .links{margin-top:10px}.footer .links .text-link{color:#ffffffde;font-size:14px;font-weight:350;line-height:24px}.footer .icon-links{cursor:pointer;display:flex;gap:16px;margin-bottom:16px}.footer .icon-links .icon-link img{height:30px;width:36px}.footer .label{color:#fff9;font-size:14px;font-weight:350;line-height:24px}.commont-input-white{align-items:center;border-radius:8px;display:inline-flex;flex-direction:column;justify-content:flex-end;overflow:hidden;width:100%}.commont-input-white .input-wrapper{display:flex;position:relative;width:100%}.commont-input-white .input-wrapper input{align-items:center;background:#f5f5f5;border:1px solid hsla(0,0%,100%,0);color:#000000de;display:flex;font-size:14px;font-style:normal;font-weight:400;letter-spacing:.56px;line-height:22px;outline:none;padding:15px 60px 15px 20px;transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.commont-input-white .input-wrapper input::-moz-placeholder{color:#00000061}.commont-input-white .input-wrapper input::placeholder{color:#00000061}.commont-input-white .input-wrapper input:not(first-child){border-top-left-radius:0;border-top-right-radius:0}.commont-input-white .input-wrapper .btn{color:#00000061;cursor:pointer;font-size:14px;font-weight:400;letter-spacing:.56px;line-height:22px;position:absolute;right:20px;top:50%;transform:translateY(-50%);width:30px}.commont-input-white .input-wrapper .btn:hover{color:#0009}.commont-input-white .reply-wrapper{align-items:center;background:#595959;border-top-left-radius:8px;border-top-right-radius:8px;color:#fff9;display:flex;font-size:12px;font-style:normal;font-weight:400;gap:10px;justify-content:space-between;letter-spacing:.48px;line-height:22px;padding-left:20px;padding-right:10px;width:100%}.commont-input-white .reply-wrapper span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.commont-input-white .reply-wrapper .del{cursor:pointer;height:16px;width:16px}.top-input{flex-shrink:0}.top-input .label{color:#fff;font-size:18px;font-style:normal;font-weight:400;line-height:normal}.common-list.white{overflow:auto}.common-list.white::-webkit-scrollbar{display:none}.common-list.white .nickname{align-items:center;color:#0009;display:flex;flex-direction:row;font-size:14px;font-weight:500;gap:6px}.common-list.white .time{color:#00000061;font-size:12px;font-weight:400}.common-list.white .content{color:#000000de;word-break:break-all}.common-list.white .content,.common-list.white .more{font-size:14px;font-weight:400;letter-spacing:.56px;line-height:22px}.common-list.white .more{color:#6aa7f8;font-style:normal}.common-list.white .more.grey{color:#0009}.slide-right-enter-active,.slide-right-leave-active{transition:all .5s ease}.slide-right-enter-from,.slide-right-leave-to{opacity:0;transform:translate(100%)}.work-details-page .course-tag{background:linear-gradient(90deg,#ec732f,#f1933c);border-radius:6px;color:#fff;font-size:12px;padding:3px 10px}.work-details-page .teachersComments{background:#f5f5f5;border-bottom:1px solid rgba(0,0,0,.06);border-left:1px solid rgba(0,0,0,.06);border-radius:0 0 8px 8px;border-right:1px solid rgba(0,0,0,.06)}.comment-panel{border-radius:16px;bottom:0;box-shadow:-5px 0 10px #121212;display:flex;flex-direction:column;max-height:925px;position:fixed;right:40px;top:139px;width:408px;z-index:999;--tw-bg-opacity:1;background-color:rgb(30 30 30/var(--tw-bg-opacity,1));transition:all .3s ease-in-out}.comment-panel .author-wrapper{flex-shrink:0;padding:16px 24px 44px 48px}.comment-panel .author-wrapper .works-wall{display:flex;justify-content:center;overflow:hidden}.comment-panel .author-wrapper .works-wall .work-item{aspect-ratio:180/102;flex:1}.comment-panel .author-wrapper .works-wall .work-item img{height:100%;-o-object-fit:cover;object-fit:cover}.comment-panel .author-wrapper .works-wall .work-item:first-child img{border-top-left-radius:8px}.comment-panel .author-wrapper .works-wall .work-item:last-child img{border-top-right-radius:8px}.comment-panel .author-wrapper .author-info{align-items:center;display:flex;flex-direction:column;margin-top:-30px;width:100%}.comment-panel .author-wrapper .author-info .avatar img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.comment-panel .author-wrapper .author-info .username{color:#ffffffde;font-size:16px;font-style:normal;font-weight:500;line-height:normal;margin-top:12px;text-align:center}.comment-panel .author-wrapper .author-info .introduce{color:#ffffff61;font-size:12px;font-style:normal;font-weight:400;line-height:normal;text-align:center}.comment-panel .comment-wrapper{border-color:#121212;border-top:5px #121212;border-style:solid;display:flex;flex-direction:column;flex-grow:1;overflow:hidden;padding:24px 24px 24px 48px}.fixed-right .btn{align-items:center;background:#1e1e1e;border-radius:36px;cursor:pointer;display:flex;height:64px;justify-content:center;width:64px}.fixed-right .btn img{height:24px;width:24px}.fixed-right .btn:hover{background-color:#2a2a2a}.fixed-right .btn.active{--tw-bg-opacity:1;background-color:rgb(236 115 47/var(--tw-bg-opacity,1))}.fixed-right .btn:active{background-color:#1e1e1e}.fixed-right .btn2-warp{align-items:center;background:#ffffffd9;border-radius:36px;cursor:pointer;display:flex;gap:10px;justify-content:center;padding:8px}.fixed-right .btn2-warp .btn2{align-items:center;color:#00000061;display:flex;flex-direction:column;font-size:10px;font-weight:500;justify-content:flex-end;padding:5px 10px 0}.fixed-right .btn2-warp .btn2 img{height:24px;width:24px}.fixed-right .btn2-warp:hover{background:#fff}.fixed-right .btn2-warp.active{background:#ec732f}.fixed-right .btn2-warp.active .btn2{color:#ffffff80}@media (max-width:1920px){.comment-panel{width:360px}}.no-scrollbar[data-v-5647d60c]::-webkit-scrollbar{display:none}.no-scrollbar[data-v-5647d60c]{-ms-overflow-style:none;scrollbar-width:none}.right-float-wrap{align-items:center;bottom:24px;display:inline-flex;flex-direction:column;gap:8px;position:fixed;right:calc(var(--drawer-width, 0px) - 36px);z-index:100}@media (min-width:1608px){.right-float-wrap{right:calc(var(--drawer-width, 0px) + 48px)}.right-float-wrap.showDrawer{right:calc(var(--drawer-width, 0px) + 8px)}}.right-float-wrap .qw-btn-warp{position:relative}.right-float-wrap .qw-btn-warp .qw-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid hsla(0,0%,100%,.1);border-radius:32px;cursor:pointer;display:inline-flex;padding:10px}.right-float-wrap .qw-btn-warp .qw-btn.hide{opacity:0}.right-float-wrap .qw-btn-warp .qw-btn .icon{height:24px;width:24px}.right-float-wrap .qw-btn-warp .panel-warp{display:none;position:absolute;right:-340px;top:-260px;transition:all .3s ease-in-out}.right-float-wrap .qw-btn-warp .panel-warp.show{display:block;right:58px}@media (min-width:1608px){.right-float-wrap .qw-btn-warp .panel-warp.show{right:58px}}.right-float-wrap .qw-btn-warp .panel-warp .panel{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:8px;display:inline-flex;flex-direction:column;padding:16px 24px 24px}.right-float-wrap .qw-btn-warp .panel-warp .close-btn{background:#ffffff1a;border-radius:60px;cursor:pointer;float:right;margin-bottom:10px;padding:6px;width:28px}.right-float-wrap .mohua-ai-start{cursor:pointer;height:44px;width:44px}.right-float-wrap .mohua-ai-tip{position:relative;width:268px}.right-float-wrap .mohua-ai-tip:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='268' height='106' fill='none' viewBox='0 0 268 106'%3E%3Crect width='267' height='105' x='.5' y='.5' stroke='url(%23a)' rx='15.5'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='147.535' x2='39.498' y1='185.5' y2='3.897' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.341' stop-color='%23FF783A' stop-opacity='.3'/%3E%3Cstop offset='.5' stop-color='%23FB8E3C' stop-opacity='.6'/%3E%3Cstop offset='.692' stop-color='%23F7A43E' stop-opacity='.3'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.right-float-wrap .mohua-ai-tip-content{align-items:flex-start;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);border:1px solid transparent;border-radius:16px;display:flex;flex-direction:column;gap:8px;overflow:hidden;padding:16px;width:268px;z-index:0}.right-float-wrap .mohua-ai-tip-title{background:linear-gradient(to right bottom,#f89f3e,#fc8d3c);background-clip:text;-webkit-background-clip:text;flex:1 0 0;font-size:16px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;-webkit-text-fill-color:transparent;position:relative}@keyframes wave-svg{0%{transform:scaleY(.3)}50%{transform:scaleY(1)}to{transform:scaleY(.3)}}.right-float-wrap .sound-wave{padding:4px}.right-float-wrap .sound-wave path{animation:wave-svg 1s ease-in-out infinite}.right-float-wrap .sound-wave path:first-child{animation-delay:0s;transform-origin:.83px 11.5px}.right-float-wrap .sound-wave path:nth-child(2){animation-delay:-.2s;transform-origin:5px 11.5px}.right-float-wrap .sound-wave path:nth-child(3){animation-delay:-.4s;transform-origin:9.16px 11.5px}