.app-header{background:transparent!important;box-shadow:none!important;padding:0!important;position:sticky;top:0;z-index:100;height:auto!important;line-height:normal!important;transition:all .3s ease}.app-header.scrolled{box-shadow:0 2px 8px #0000001a!important}.header-container{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:100%}.header-desktop{display:flex;flex-direction:column;width:100%;position:relative}.header-desktop .header-top-tier{background-color:#fff;height:60px}.header-desktop .header-top-tier .header-logo{display:flex;align-items:center;text-decoration:none;gap:12px}.header-desktop .header-top-tier .header-logo .header-logo-image{display:block;width:120px;height:46px;object-fit:contain;object-position:left center}.header-desktop .header-top-tier .top-tier-actions .action-icon{font-size:20px;color:#666;cursor:pointer;transition:color .2s}.header-desktop .header-top-tier .top-tier-actions .action-icon:hover{color:#05a761}.header-desktop .header-top-tier .top-tier-actions .user-profile{cursor:pointer;padding-left:8px}.header-desktop .header-top-tier .top-tier-actions .user-profile .user-name{color:#333;font-size:14px;font-weight:500}.header-desktop .header-bottom-tier{background-color:#05a761;height:50px}.header-desktop .header-bottom-tier .bottom-nav{background:transparent;border-bottom:none;line-height:50px}.header-desktop .header-bottom-tier .bottom-nav .ant-menu-item{color:#ffffffd9;font-size:15px;padding:0 20px}.header-desktop .header-bottom-tier .bottom-nav .ant-menu-item a{color:inherit}.header-desktop .header-bottom-tier .bottom-nav .ant-menu-item:hover{color:#fff!important;background:#ffffff1a}.header-desktop .header-bottom-tier .bottom-nav .ant-menu-item.ant-menu-item-selected{color:#fff!important;font-weight:600}.header-desktop .header-bottom-tier .bottom-nav .ant-menu-item.ant-menu-item-selected:after{display:none}.header-desktop .header-bottom-tier .bottom-right{display:flex;align-items:center;gap:16px}.header-desktop .header-bottom-tier .bottom-right .header-search-area{position:relative}.header-desktop .header-bottom-tier .bottom-right .search-trigger{width:240px;height:28px;display:flex;align-items:center;gap:8px;padding:0 12px;border:none;border-radius:20px;background-color:#ffffff26;color:#fff;cursor:pointer;transition:background-color .2s}.header-desktop .header-bottom-tier .bottom-right .search-trigger:hover{background-color:#ffffff40}.header-desktop .header-bottom-tier .bottom-right .search-trigger .search-icon{color:#fff;font-size:14px}.header-desktop .header-bottom-tier .bottom-right .search-trigger span:not(.search-shortcut){flex:1;text-align:left;font-size:14px}.header-desktop .header-bottom-tier .bottom-right .search-trigger .search-shortcut{background-color:#fff3;color:#fff;font-size:12px;padding:2px 6px;border-radius:4px;line-height:1}.header-desktop .header-bottom-tier .bottom-right .manage-btn{background-color:#fff3;border:1px solid rgba(255,255,255,.4);color:#fff;border-radius:16px;box-shadow:none}.header-desktop .header-bottom-tier .bottom-right .manage-btn:hover{background-color:#fff;color:#05a761;border-color:#fff}.header-desktop .header-expanded-search{position:absolute;top:110px;left:0;right:0;z-index:130;background:#fff;box-shadow:0 8px 18px #1f232914}.header-desktop .header-expanded-search .header-container{height:74px;justify-content:center}.header-desktop .header-expanded-search .expanded-search-input{width:760px;max-width:100%}.header-desktop .header-expanded-search .expanded-search-input .ant-input-group{display:flex}.header-desktop .header-expanded-search .expanded-search-input .ant-input-affix-wrapper{height:48px;flex:1;border-color:#05a761;border-radius:6px 0 0 6px;box-shadow:none}.header-desktop .header-expanded-search .expanded-search-input .ant-input{font-size:15px}.header-desktop .header-expanded-search .expanded-search-input .ant-input-search-button{width:130px;height:48px;display:flex;align-items:center;justify-content:center;background:#05a761;border-color:#05a761;border-radius:0 6px 6px 0!important;font-size:16px;font-weight:600;line-height:48px}.header-mobile{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:56px;background-color:#fff;width:100%}.header-mobile .menu-button{font-size:20px}.header-mobile .header-logo a{display:inline-flex;align-items:center}.header-mobile .header-logo .header-logo-image{display:block;width:92px;height:34px;object-fit:contain;object-position:center center}.mobile-nav-drawer .ant-drawer-header{min-height:56px;padding:0 18px;border-bottom-color:#f0f2f5}.mobile-nav-drawer .ant-drawer-header .ant-drawer-header-title{flex-direction:row-reverse;justify-content:flex-end;gap:8px}.mobile-nav-drawer .ant-drawer-header .ant-drawer-close{width:28px;height:28px;margin-inline-end:0;color:#777}.mobile-nav-drawer .ant-drawer-header .ant-drawer-title{font-size:16px;font-weight:700;color:#202124}.mobile-nav-drawer .ant-drawer-body{padding:16px 18px}.mobile-nav-drawer .ant-menu{border-inline-end:0!important}.mobile-nav-drawer .ant-menu-inline{width:100%}.mobile-nav-drawer .ant-menu-item{width:100%;height:40px;margin:2px 0 8px;padding-inline:24px!important;border-radius:7px;line-height:40px;color:#222}.mobile-nav-drawer .ant-menu-item:after{display:none}.mobile-nav-drawer .ant-menu-item-selected{color:#05a761;font-weight:600;background:#cfe9d9!important}.mobile-nav-drawer .ant-menu-item .anticon+.ant-menu-title-content{margin-inline-start:10px}@media (max-width: 768px){.header-desktop{display:none}}@media (min-width: 769px){.header-mobile{display:none}}.app-footer{background:#f5f5f5!important;text-align:center;padding:24px 50px!important}.app-footer .footer-content{max-width:1200px;margin:0 auto}.app-footer .footer-content p{margin:0;color:#666;font-size:14px}@media (max-width: 768px){.app-footer{padding:16px!important}.app-footer .footer-content p{font-size:12px}}.main-content{flex:1;padding:24px 0;background:#f5f6f8}@media (max-width: 768px){.main-content{padding:0 0 16px}.main-content>.container{max-width:none;padding-right:4px;padding-left:4px}}@media (max-width: 640px){.main-layout.course-detail-shell .app-header,.main-layout.course-detail-shell .app-footer{display:none!important}.main-layout.course-detail-shell .main-content{padding:0!important}.main-layout.course-detail-shell .main-content>.container{width:100%;max-width:none;padding-right:0;padding-left:0}}.container{max-width:1200px;margin:0 auto;padding:0 16px}@media (min-width: 769px){.container{padding:0 24px}}@media (min-width: 1025px){.container{padding:0 32px}}.responsive-grid{display:grid;gap:16px;grid-template-columns:1fr}@media (min-width: 769px) and (max-width: 1024px){.responsive-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1025px){.responsive-grid{grid-template-columns:repeat(4,1fr);gap:24px}}.responsive-grid-3{display:grid;gap:16px;grid-template-columns:1fr}@media (min-width: 769px) and (max-width: 1024px){.responsive-grid-3{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1025px){.responsive-grid-3{grid-template-columns:repeat(3,1fr);gap:24px}}.responsive-flex{display:flex;flex-direction:column;gap:16px}@media (min-width: 769px){.responsive-flex{flex-direction:row;gap:24px}}@media (max-width: 768px){.hide-on-mobile{display:none!important}}@media (min-width: 1025px){.hide-on-desktop{display:none!important}}.show-on-mobile{display:none!important}@media (max-width: 768px){.show-on-mobile{display:block!important}}.responsive-title{font-size:20px;font-weight:600}@media (min-width: 769px){.responsive-title{font-size:24px}}@media (min-width: 1025px){.responsive-title{font-size:28px}}.responsive-padding{padding:12px}@media (min-width: 769px){.responsive-padding{padding:16px}}@media (min-width: 1025px){.responsive-padding{padding:24px}}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,0)}.safe-area-top{padding-top:env(safe-area-inset-top,0)}html,body,#root{width:100%;min-height:100%;margin:0}body{overflow-x:hidden}*{box-sizing:border-box}