#app{width:100%;height:100%;box-sizing:border-box;overflow:hidden;overflow-y:auto}:root{--safe-area-inset-top: env(safe-area-inset-top, 0);--safe-area-inset-right: env(safe-area-inset-right, 0);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0);--safe-area-inset-left: env(safe-area-inset-left, 0);--mobile-header-height: 60px;--mobile-footer-height: 50px;--mobile-safe-bottom: calc(var(--safe-area-inset-bottom) + 16px);--mobile-safe-top: calc(var(--safe-area-inset-top) + 16px)}@media (max-width: 768px){*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}input,textarea,[contenteditable]{-webkit-user-select:auto;user-select:auto}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}}@media (max-width: 768px){#app{width:100%;min-height:100vh;min-height:calc(100vh - var(--safe-area-inset-bottom));overflow-x:hidden}.mobile-viewport-fix{height:100vh;height:calc(100vh - var(--safe-area-inset-bottom));height:-webkit-fill-available}}@media (max-width: 768px){#left-list{position:fixed;left:-280px;top:0;width:280px;height:100vh;background:#ffffff;box-shadow:2px 0 8px #00000026;z-index:1000;transition:left .3s ease;padding-top:var(--safe-area-inset-top)}#left-list.active{left:0}.mobile-menu-mask{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-menu-mask.active{opacity:1;visibility:visible}.left-list-menu-list{height:48px!important;line-height:48px!important;padding:0 20px!important;font-size:16px;border-bottom:1px solid #f0f0f0}.left-list-menu-list .iconfont{font-size:18px;margin-right:12px}}@media (max-width: 768px){#menu-header{height:var(--mobile-header-height)!important;padding:0 16px!important;position:relative;flex-wrap:wrap;min-height:var(--mobile-header-height);padding-top:var(--safe-area-inset-top)}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;cursor:pointer;border-radius:4px;transition:background-color .2s}.mobile-menu-toggle:hover{background-color:#f5f5f5}.hamburger{display:inline-block;width:20px;height:20px;position:relative}.hamburger span{display:block;position:absolute;height:2px;width:100%;background:#333;border-radius:1px;opacity:1;left:0;transform:rotate(0);transition:.25s ease-in-out}.hamburger span:nth-child(1){top:0px}.hamburger span:nth-child(2){top:8px}.hamburger span:nth-child(3){top:16px}.hamburger.active span:nth-child(1){top:8px;transform:rotate(135deg)}.hamburger.active span:nth-child(2){opacity:0;left:-20px}.hamburger.active span:nth-child(3){top:8px;transform:rotate(-135deg)}}@media (max-width: 768px){.el-input__wrapper{min-height:44px}.el-button{min-height:44px;padding:12px 20px}.el-select{width:100%!important}.el-select .el-input__wrapper{min-height:44px}.el-input--suffix .el-input__inner{padding-right:50px}.el-date-editor{width:100%!important}.el-date-editor .el-input__wrapper{min-height:44px}}@media (max-width: 768px){.card-list,.course-card-list,.activity-card-list,.live-card-list,.planet-card-list{display:flex!important;flex-direction:column!important;gap:16px!important;padding:0!important}.card-item{width:100%!important;margin:0!important;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.product-card,.service-card{display:flex;flex-direction:column;width:100%!important}.card-image{width:100%;height:200px;object-fit:cover}.card-content{padding:16px;flex:1}.card-title{font-size:16px;line-height:1.4;margin-bottom:8px;font-weight:600}.card-description{font-size:14px;color:#666;line-height:1.5;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #eee}}@media (max-width: 768px){.el-pagination{justify-content:center!important}.el-pagination .el-pagination__sizes,.el-pagination .el-pagination__jump{display:none!important}.el-pagination .el-pager li,.el-pagination .btn-prev,.el-pagination .btn-next{min-width:40px!important;height:40px!important;line-height:40px!important}}@media (max-width: 768px){.el-dialog{width:90%!important;max-width:none!important;margin:5vh auto!important;max-height:80vh}.el-dialog__body{max-height:60vh;overflow-y:auto;padding:20px}.el-dialog__footer .el-button{margin:0 8px;flex:1}}@media (max-width: 768px){.el-message{min-width:300px!important;max-width:90%!important;left:50%!important;transform:translate(-50%)!important}.el-notification{width:90%!important;right:5%!important}}@media (max-width: 768px){html{scroll-behavior:smooth}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:2px}.back-to-top{position:fixed;right:20px;bottom:calc(80px + var(--safe-area-inset-bottom));width:48px;height:48px;border-radius:24px;background:#409EFF;color:#fff;border:none;box-shadow:0 2px 8px #409eff4d;z-index:999;cursor:pointer;transition:all .3s ease}.back-to-top:hover{transform:translateY(-2px);box-shadow:0 4px 12px #409eff66}}@media (max-width: 768px){.editor-container{width:100%!important}.ql-toolbar{border-radius:4px 4px 0 0;flex-wrap:wrap;padding:8px!important}.ql-editor{min-height:200px!important;font-size:16px;line-height:1.6}}@media (max-width: 768px){.search-container{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.search-row{display:flex;gap:8px;align-items:center}.search-input{flex:1}.search-button{flex-shrink:0;min-width:80px}}.mobile-only{display:none!important}@media (max-width: 768px){.mobile-only{display:block!important}.mobile-inline{display:inline!important}.mobile-flex{display:flex!important}}@media (max-width: 768px){.desktop-only{display:none!important}}@media (max-width: 768px){.mobile-hidden{display:none!important}}@media (max-width: 768px){.mobile-text-sm{font-size:14px!important}.mobile-text-base{font-size:16px!important}.mobile-text-lg{font-size:18px!important}.mobile-text-xl{font-size:20px!important}}@media (max-width: 768px){.mobile-p-2{padding:8px!important}.mobile-p-4{padding:16px!important}.mobile-p-6{padding:24px!important}.mobile-m-2{margin:8px!important}.mobile-m-4{margin:16px!important}.mobile-m-6{margin:24px!important}.mobile-px-2{padding-left:8px!important;padding-right:8px!important}.mobile-px-4{padding-left:16px!important;padding-right:16px!important}.mobile-py-2{padding-top:8px!important;padding-bottom:8px!important}.mobile-py-4{padding-top:16px!important;padding-bottom:16px!important}}@media (max-width: 768px){img{image-rendering:-webkit-optimize-contrast}*{will-change:auto}.animated-element{will-change:transform,opacity}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}}@media (max-width: 768px) and (orientation: landscape){.mobile-landscape-full{height:100vh}.hide-on-landscape{display:none!important}}@media (max-width: 480px){body{font-size:14px}.card-content{padding:12px}.el-button{padding:8px 16px}#menu-header{height:50px!important;padding:0 12px!important}}