.courses-page{min-height:100vh;position:relative;background-color:transparent;overflow:hidden}@media (min-width:1024px){.courses-page{background-color:#f3fdf9;overflow:hidden!important;flex:1;min-height:0;display:flex;flex-direction:column;height:100%}.courses-page .gradient-bg-wrapper,.courses-page .page-header{display:none}.courses-page .fixed-top-area{position:static!important;max-width:680px!important;margin:0 auto!important;padding-top:20px!important;padding-bottom:16px!important;display:block!important;background-color:transparent!important;z-index:auto!important}.courses-page .search-box{display:none}.courses-page .courses-tab-bar{display:flex!important;justify-content:center!important;align-items:center!important;gap:60px!important}.courses-page .content{position:static!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;max-width:680px!important;margin:0 auto!important;width:100%!important;display:flex;box-sizing:border-box;overflow:hidden!important;flex:1;min-height:0}.courses-page .nav-sidebar{width:140px!important;flex-shrink:0;overflow-y:auto!important;scrollbar-gutter:stable;position:relative!important}.courses-page .nav-item{width:140px!important;height:50px!important;font-size:14px!important}.courses-page .course-content{flex:1;min-width:0;max-width:calc(680px - 140px);overflow:hidden!important;display:flex;flex-direction:column;min-height:0;position:relative}.courses-page .course-list{max-width:100%;margin:0;padding:8px 10px 80px 12.5px!important;flex:1;min-height:0;overflow-y:auto!important;overflow-x:hidden;scrollbar-gutter:stable;overscroll-behavior-y:none}.courses-page .no-more{padding:20px 0!important;margin-bottom:0!important}.courses-page .sort-bar{position:static!important;top:auto!important;right:auto!important;height:39px;background-color:#ffffff;padding:0 10px 0 0;display:flex!important;justify-content:flex-end!important;align-items:center;gap:8px;z-index:2}.courses-page .sort-item{position:static!important;left:auto!important;top:auto!important}.courses-page .fixed-top-area .courses-tab-bar{display:flex!important;position:relative!important;height:40px!important;padding-top:20px!important;padding-bottom:12px!important;justify-content:center!important;align-items:center!important;visibility:visible!important;opacity:1!important;width:100%!important}.courses-page .fixed-top-area .courses-tab-item:first-child,.courses-page .fixed-top-area .courses-tab-item:last-child{left:auto!important}.courses-page .courses-tab-item{position:relative!important;left:auto!important;right:auto!important;margin-right:24px!important;height:auto!important;padding:8px 0!important;width:auto!important}.courses-page .courses-tab-item:first-child{margin-left:0!important}.courses-page .courses-tab-item:last-child{margin-right:0!important}}.fixed-top-area{position:fixed;top:85px;left:0;right:0;z-index:99;padding-top:10px;padding-bottom:0;box-sizing:border-box}.fixed-top-area,.search-box{background-color:transparent}.search-box{padding:15px 0 0;position:relative;z-index:1}.search-input-wrap{display:flex;align-items:center;height:38px;width:calc(100% - 35px);max-width:340px;background-color:#ffffff;border-radius:19px;padding:0 15px;margin:0 auto;box-sizing:border-box;cursor:pointer;border:none!important;outline:none!important;box-shadow:none!important}.search-icon{flex-shrink:0}.search-placeholder{flex:1;font-family:PingFang SC;font-size:12px;font-weight:400;line-height:12px;color:#999999;margin-left:5px}.courses-tab-bar{display:flex;align-items:center;height:40px;background-color:transparent;position:relative;z-index:1;padding-top:20px;padding-bottom:12px}.courses-tab-item{position:absolute;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:PingFang SC;font-size:16px;font-weight:400;line-height:18px;color:#222222;cursor:pointer;transition:all .2s}.courses-tab-item:first-child{left:90px}.courses-tab-item:last-child{left:253px}.courses-tab-item.active{font-family:PingFang SC;font-size:16px;font-weight:600;line-height:18px;color:#222222}.courses-tab-indicator{width:20px;height:4px;margin-top:5px}.content{position:fixed;top:220px;left:0;right:0;bottom:0;display:flex;overflow:hidden;z-index:1}.nav-sidebar{width:98px;height:100%;background-color:transparent;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;position:relative;z-index:1}.nav-sidebar::-webkit-scrollbar{display:none}.nav-container{display:flex;flex-direction:column;min-height:100%}.nav-item{width:98px;height:55px;display:flex;justify-content:center;align-items:center;text-decoration:none;color:inherit;font-weight:400;color:#666666;background-color:#F4F6F8;text-align:center;word-break:break-all;box-sizing:border-box;cursor:pointer;transition:all .2s}.nav-item,.nav-item.active{font-family:PingFang SC;font-size:14px;line-height:24px}.nav-item.active{font-weight:500;color:#222222;background-color:#FFFFFF}.course-content{flex:1;flex-direction:column;height:auto;min-height:0;overflow:hidden;z-index:1}.course-content,.sort-bar{display:flex;position:relative}.sort-bar{height:39px;background-color:#fff;padding:15px 0 0;border-bottom:none;z-index:10}.sort-item{width:55px;height:24px;display:flex;align-items:center;justify-content:center;text-decoration:none;color:inherit;font-family:PingFang SC;font-size:11px;font-weight:400;line-height:12px;color:#666666;background-color:#F4F6F8;border-radius:4px;position:absolute;top:15px;cursor:pointer;transition:all .2s;z-index:10}.sort-item:first-child{left:149.5px}.sort-item:last-child{left:204.5px}.sort-item:active{opacity:.7}.sort-item.active{font-family:PingFang SC;font-size:11px;font-weight:400;line-height:12px;color:#FFFFFF;background-color:#31C38F}.course-list{flex:1;min-height:0;height:auto;background-color:#fff;padding:10px 10px calc(48px + env(safe-area-inset-bottom)) 12.5px;box-sizing:border-box;position:relative;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.course-list::-webkit-scrollbar{display:none}.course-item{display:block;position:relative;height:75px;margin-bottom:15px;cursor:pointer;transition:opacity .2s;text-decoration:none;color:inherit}.course-item:active{opacity:.7}.course-item:first-child{margin-top:4px}.course-item:last-child{border-bottom:none}.course-image{width:75px;height:75px;border-radius:4px;background-color:#f5f5f5;position:absolute;left:5px;top:0;object-fit:cover}.course-distance{position:absolute;right:15px;top:57px;display:flex;align-items:flex-start;z-index:1}.distance-icon{width:10px;height:13px;flex-shrink:0}.distance-text{margin-left:4px;font-family:PingFang SC,-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;font-size:12px;font-weight:400;line-height:13px;color:#666666;white-space:nowrap}.courses-page .course-info{position:absolute;left:90px;top:0;right:0}.course-name{font-family:PingFang SC;font-size:14px;font-weight:600;line-height:18px;color:#222222;margin-bottom:5.25px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.course-meta{display:flex;align-items:baseline;margin-bottom:23.5px}.course-tag{display:inline}.tag-number{font-family:DIN Condensed,sans-serif;font-size:13px;font-weight:700;line-height:14px;margin-right:1px;position:relative;top:.75px}.course-tag-separator,.tag-text{font-family:PingFang SC;font-size:11px;font-weight:400;line-height:12px;color:#222222}.course-tag-separator{margin:0 4px}.course-price{position:absolute;top:59px;left:0;right:0;height:13.5px;display:flex;align-items:baseline}.price-symbol{font-size:11px;line-height:11px;margin-left:0}.price-amount,.price-symbol{font-family:DIN Condensed,sans-serif;font-weight:700;color:#FF4D4F}.price-amount{font-size:18px;line-height:18px;margin-left:2.5px}.loading-more{display:flex;justify-content:center;align-items:center;height:40px;color:#999;font-size:12px;padding-bottom:15px}.loading-icon{width:16px;height:16px;margin-right:5px;border:1.5px solid #f3f3f3;border-top-color:#31c38f;border-radius:50%;animation:spin 1s linear infinite}.no-more{display:flex;align-items:center;justify-content:center;padding:20px 0 30px;position:relative}.no-more-line{flex:1;height:.5px;background:linear-gradient(90deg,transparent,#e0e0e0,transparent)}.no-more-text{padding:0 15px;font-size:12px;color:#999;background-color:#fff;white-space:nowrap}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:80px 0;gap:16px}.loading-spinner{width:40px;height:40px;border:3px solid #f0f0f0;border-top-color:#31c38f;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text{font-size:14px;color:#999;font-weight:400}.empty-state{display:flex;flex-direction:column;justify-content:center;align-items:center;height:150px;padding:50px 0}.empty-text{font-size:14px;color:#999}.back-to-top{position:fixed;right:15px;bottom:53px;width:40px;height:40px;background-color:rgba(255,255,255,.95);border-radius:50%;box-shadow:0 2px 10px rgba(0,0,0,.15);display:flex;justify-content:center;align-items:center;z-index:99;transition:all .3s ease;cursor:pointer}.back-to-top:active{transform:scale(.95);background-color:rgba(255,255,255,1)}.back-to-top-icon{font-size:16px;color:#31C38F;font-weight:700;line-height:1}@media (min-width:768px) and (max-width:1023px){.content,.fixed-top-area{left:50%;transform:translateX(-50%);max-width:375px;width:375px;right:auto}.back-to-top{right:calc(50% - 375px / 2 + 15px)}}