.code-rain-layer[data-v-50bef321]{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(circle at 16% 14%,rgba(0,255,120,.1),transparent 30%),radial-gradient(circle at 86% 22%,rgba(42,245,152,.1),transparent 32%),#02070e}.code-rain-canvas[data-v-50bef321]{position:absolute;inset:0;width:100%;height:100%;opacity:.9;mix-blend-mode:screen}.code-rain-scan[data-v-50bef321]{position:absolute;inset:-40% 0;background:linear-gradient(180deg,transparent,rgba(0,255,120,.08) 49%,transparent 53%),repeating-linear-gradient(180deg,hsla(0,0%,100%,.03) 0 1px,transparent 1px 8px);opacity:.5;animation:code-rain-scan-50bef321 11s linear infinite}.code-rain-vignette[data-v-50bef321]{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,7,14,.74),transparent 18%,transparent 82%,rgba(2,7,14,.78)),radial-gradient(circle at center,transparent 38%,rgba(0,0,0,.5) 100%)}@keyframes code-rain-scan-50bef321{0%{transform:translateY(-28%)}to{transform:translateY(28%)}}@media (max-width:768px){.code-rain-canvas[data-v-50bef321]{opacity:.74}.code-rain-scan[data-v-50bef321]{opacity:.36}}@media (prefers-reduced-motion:reduce){.code-rain-scan[data-v-50bef321]{animation:none}}body{margin:0;padding:0}#app{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;height:100vh;position:relative}.fixed-background{position:fixed;bottom:0;left:0;right:0;width:100%;height:100%;background-size:contain;background-position:bottom;background-repeat:no-repeat;opacity:.15;z-index:0;pointer-events:none}.app-body{display:flex;height:100%;position:relative;z-index:1}.app-sidebar{background-color:var(--bg-sidebar,#fff);border-right:1px solid var(--border-color,#e6e6e6);height:calc(100vh - var(--app-header-height, 160px));position:fixed;left:0;top:var(--app-header-height,160px);z-index:1001;display:block;overflow:hidden!important;color:var(--text-primary,#2c3e50);transition:transform var(--sidebar-duration) var(--sidebar-ease),box-shadow .35s ease,opacity .3s ease;will-change:transform,box-shadow;--el-menu-icon-width:0px!important}.app-sidebar.collapsed{transform:translateX(-100%);box-shadow:none;opacity:.85}@media (max-width:768px){:root{--mobile-sidebar-width:clamp(58px,15vw,66px);--mobile-content-scale:0.76;--mobile-sidebar-ease:cubic-bezier(0.32,0.72,0,1)}.app-sidebar{width:var(--mobile-sidebar-width)!important;max-width:var(--mobile-sidebar-width)!important;min-width:var(--mobile-sidebar-width)!important;transition:transform .55s var(--mobile-sidebar-ease),box-shadow .35s ease,opacity .3s ease!important}.app-sidebar:not(.collapsed){box-shadow:6px 0 30px rgba(15,23,42,.2),0 0 80px rgba(15,23,42,.08)}}@media (min-width:769px){.app-sidebar{display:block}.fixed-background{left:0;width:100%;opacity:.18}body.app-sidebar-open .fixed-background{left:var(--desktop-sidebar-width);width:calc(100% - var(--desktop-sidebar-width))}}.logo,.logo-container{display:none}.title{font-size:20px;font-weight:700}.app-main{flex:1;background-color:var(--bg-main,transparent);margin-left:0;min-height:100vh;padding:0!important;color:var(--text-primary,#2c3e50);transition:transform calc(var(--sidebar-duration) + var(--sidebar-content-delay)) var(--sidebar-ease),opacity .3s ease}.app-main.with-sidebar{margin-left:0;width:100%;box-sizing:border-box;overflow-x:hidden}.app-main .unified-header{transition:transform calc(var(--sidebar-duration) + var(--sidebar-content-delay)) var(--sidebar-ease),left calc(var(--sidebar-duration) + var(--sidebar-content-delay)) var(--sidebar-ease)}:root{--sidebar-ease:cubic-bezier(0.32,0.72,0,1);--sidebar-duration:0.5s;--sidebar-content-delay:0.05s}.sidebar-toggle{position:fixed;top:calc(var(--app-header-height, 160px) + (100vh - var(--app-header-height, 160px))/2);left:0;transform:translateY(-50%);z-index:3600;width:28px;height:72px;padding:0;border:none;border-radius:0 18px 18px 0;background:hsla(0,0%,100%,.72);backdrop-filter:blur(20px) saturate(180%);box-shadow:3px 0 20px rgba(31,38,135,.15),inset 0 0 0 .5px hsla(0,0%,100%,.6);color:#667eea;font-size:22px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;pointer-events:auto;touch-action:manipulation;-moz-user-select:none;user-select:none;-webkit-user-select:none;transition:left var(--sidebar-duration) var(--sidebar-ease),background .3s ease,box-shadow .3s ease,width var(--sidebar-duration) var(--sidebar-ease),border-radius var(--sidebar-duration) var(--sidebar-ease);will-change:left,transform}.sidebar-toggle *{pointer-events:none}.sidebar-toggle:after{content:"";position:absolute;top:-8px;bottom:-8px;left:0;right:-22px;background:transparent;pointer-events:auto}@media (max-width:768px){.sidebar-toggle{width:24px;height:60px;border-radius:0 15px 15px 0;transition:left var(--sidebar-duration) var(--sidebar-ease),background .3s ease,box-shadow .3s ease,width var(--sidebar-duration) var(--sidebar-ease),border-radius var(--sidebar-duration) var(--sidebar-ease)}.sidebar-toggle:before{content:"";position:absolute;top:-10px;bottom:-10px;left:-10px;right:-10px;background:transparent;pointer-events:auto}}.sidebar-toggle.open{left:var(--desktop-sidebar-width)}.sidebar-toggle:hover{background:hsla(0,0%,100%,.94);box-shadow:4px 0 26px rgba(31,38,135,.2),inset 0 0 0 .5px hsla(0,0%,100%,.8)}.sidebar-toggle:active{transform:translateY(-50%)}.sidebar-toggle-chevron{display:inline-block;line-height:1;margin-top:-2px;transition:transform var(--sidebar-duration) var(--sidebar-ease),opacity .2s ease;will-change:transform}.sidebar-toggle.open .sidebar-toggle-chevron{transform:rotate(180deg)}.sidebar-backdrop{position:fixed;inset:0;z-index:1000;background:rgba(15,23,42,.38);backdrop-filter:blur(2px)}.app-main .course-card,.app-main .resource-card,.app-main .tool-card,.app-main .work-card{transition:transform calc(var(--sidebar-duration) + var(--sidebar-content-delay)) var(--sidebar-ease),box-shadow .35s ease!important}@media (min-width:769px){body.app-sidebar-open .app-main{transition:transform calc(var(--sidebar-duration) + var(--sidebar-content-delay)) var(--sidebar-ease),opacity calc(var(--sidebar-duration) + var(--sidebar-content-delay)) ease}body.app-sidebar-open .app-main .content-container,body.app-sidebar-open .app-main .main-content>:not(.unified-header):not(.mobile-search-container),body.app-sidebar-open .app-main .modern-works-container,body.app-sidebar-open .app-main .tool-shell-body,body.app-sidebar-open .app-main .work-wrapper .wrapper-body{margin-left:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;transform:none!important;transition:none;will-change:auto}body:not(.app-sidebar-open) .app-main .content-container,body:not(.app-sidebar-open) .app-main .main-content>:not(.unified-header):not(.mobile-search-container),body:not(.app-sidebar-open) .app-main .modern-works-container,body:not(.app-sidebar-open) .app-main .tool-shell-body,body:not(.app-sidebar-open) .app-main .work-wrapper .wrapper-body{margin-left:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;transform:none;transition:transform calc(var(--sidebar-duration) + var(--sidebar-content-delay)) var(--sidebar-ease)}}@media (max-width:768px){:root{--app-header-height:86px}.sidebar-toggle.open{left:var(--mobile-sidebar-width)}body.app-sidebar-open .app-main{transform:none;transition:transform calc(var(--sidebar-duration) + var(--sidebar-content-delay)) ease}body.app-sidebar-open .app-main .content-container,body.app-sidebar-open .app-main .main-content>:not(.unified-header):not(.mobile-search-container),body.app-sidebar-open .app-main .modern-works-container,body.app-sidebar-open .app-main .tool-shell-body,body.app-sidebar-open .app-main .work-wrapper .wrapper-body{margin-left:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;transform:none!important;transition:none;will-change:auto}body:not(.app-sidebar-open) .app-main .content-container,body:not(.app-sidebar-open) .app-main .main-content>:not(.unified-header):not(.mobile-search-container),body:not(.app-sidebar-open) .app-main .modern-works-container,body:not(.app-sidebar-open) .app-main .tool-shell-body,body:not(.app-sidebar-open) .app-main .work-wrapper .wrapper-body{margin-left:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;transform:none;transition:transform calc(.55s + var(--sidebar-content-delay)) var(--mobile-sidebar-ease)}}.app-main .mobile-search-container .category-toggle-button,.app-main .unified-header .category-toggle-button{width:auto!important;min-width:0!important;height:45px!important;min-height:45px!important;max-height:45px!important;padding:0 22px!important;box-sizing:border-box!important;border-radius:var(--radius,16px)!important;font-size:16px!important;font-weight:600!important;line-height:45px!important;align-self:center!important;flex:0 0 auto!important;transform:none!important}.app-main .mobile-search-container .category-toggle-button span,.app-main .unified-header .category-toggle-button span{line-height:1!important}.app-main .mobile-search-container .category-toggle-button:active,.app-main .mobile-search-container .category-toggle-button:hover,.app-main .unified-header .category-toggle-button:active,.app-main .unified-header .category-toggle-button:hover{transform:none!important}:root{--app-header-height:110px}@media (max-width:768px){:root{--app-header-height:86px}}.app-main .unified-header{min-height:110px!important;height:110px!important;padding:6px 16px 4px!important;box-sizing:border-box!important;overflow:visible!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important}.app-main .unified-header .top-containers{margin-top:0!important;margin-bottom:4px!important;align-items:center!important;padding-top:0!important;padding-bottom:0!important}.app-main .unified-header .top-container-item,.app-main .unified-header .top-containers{height:45px!important;min-height:45px!important;max-height:45px!important;box-sizing:border-box!important}.app-main .content-container,.app-main .main-content,.app-main .modern-works-container{margin-top:110px!important}.app-main .content-container,.app-main .modern-works-container{height:calc(100vh - 110px)!important}.app-main .unified-header .search-category-container{height:45px!important;min-height:45px!important;max-height:45px!important;align-items:center!important;margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important}.app-main .unified-header .category-search,.app-main .unified-header .search-box{position:relative!important;display:flex!important;align-items:center!important;flex:1 1 auto!important;min-width:220px!important;max-width:none!important;height:45px!important;box-sizing:border-box!important}.app-main .unified-header .category-search input,.app-main .unified-header .search-input{width:100%!important;height:45px!important;min-height:45px!important;padding:0 50px 0 20px!important;border:2px solid var(--border-color,#e1e5e9)!important;border-radius:var(--radius,16px)!important;background-color:var(--bg-card,#fff)!important;color:var(--text-primary,#2c3e50)!important;box-shadow:none!important;box-sizing:border-box!important;outline:none!important;font-family:var(--font-family)!important;font-size:15px!important;line-height:1.2!important;transition:all .3s ease!important}.app-main .unified-header .category-search input:focus,.app-main .unified-header .search-input:focus{border-color:#667eea!important;background-color:var(--bg-card,#fff)!important;box-shadow:0 8px 25px rgba(102,126,234,.2)!important;transform:translateY(-2px)!important}.app-main .unified-header .category-search i,.app-main .unified-header .search-icon{position:absolute!important;right:18px!important;left:auto!important;top:50%!important;transform:translateY(-50%)!important;color:var(--text-secondary,#94a3b8)!important;font-size:16px!important;pointer-events:none!important}.app-main .unified-header .category-search input:focus+i,.app-main .unified-header .search-input:focus+.search-icon{color:#764ba2!important}@media (max-width:768px){.app-main .mobile-search-container .category-toggle-button,.app-main .mobile-search-container .search-box,.app-main .mobile-search-container .search-input,.app-main .unified-header .category-search,.app-main .unified-header .category-search input,.app-main .unified-header .category-toggle-button,.app-main .unified-header .search-box,.app-main .unified-header .search-input{height:30px!important;min-height:30px!important;max-height:30px!important;font-size:13px!important;border-radius:10px!important}.app-main .mobile-search-container .category-toggle-button,.app-main .unified-header .category-toggle-button{width:auto!important;min-width:0!important;padding:0 12px!important;font-weight:600!important;line-height:30px!important}.app-main .mobile-search-container,.app-main .unified-header{position:fixed!important;top:0!important;left:0!important;right:0!important;min-height:86px!important;height:86px!important;padding:8px!important;box-sizing:border-box!important;overflow:visible!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important}.app-main .course-resources-page .unified-header,.app-main .main-content .mobile-search-container,.app-main .main-content>.unified-header,.app-main .public-resources-page .unified-header,.app-main .student-works-page .unified-header{position:fixed!important;top:0!important;left:0!important;right:0!important;margin-top:0!important}.app-main .content-container,.app-main .main-content,.app-main .modern-works-container{margin-top:86px!important;padding-top:14px!important}.app-main .content-container,.app-main .modern-works-container{height:calc(100vh - 86px)!important}.app-main .mobile-search-container .search-box,.app-main .unified-header .category-search,.app-main .unified-header .search-box{min-width:0!important;flex:1 1 180px!important}.app-main .mobile-search-container .search-input,.app-main .unified-header .category-search input,.app-main .unified-header .search-input{padding:0 40px 0 12px!important}.app-main .mobile-search-container .search-icon,.app-main .unified-header .category-search i,.app-main .unified-header .search-icon{right:14px!important;font-size:13px!important}.app-main .mobile-search-container .mobile-search-row,.app-main .unified-header .search-category-container{height:30px!important;min-height:30px!important;max-height:30px!important;display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:8px!important;width:100%!important;padding:0!important;margin:0!important;box-sizing:border-box!important}.app-main .mobile-search-container .theme-toggle-button,.app-main .unified-header .theme-toggle-button{width:35px!important;min-width:35px!important;max-width:35px!important;height:35px!important;min-height:35px!important;max-height:35px!important;border-radius:12px!important;flex:0 0 35px!important;box-sizing:border-box!important;font-size:13px!important}.app-main .mobile-search-container .top-containers,.app-main .unified-header .top-containers{width:calc(100% + 16px)!important;display:flex!important;flex-wrap:nowrap!important;gap:8px!important;padding:8px 8px 14px!important;margin:-8px -8px 6px!important;justify-content:center!important;align-items:center!important;overflow-x:auto!important;overflow-y:visible!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important}.app-main .mobile-search-container .top-containers::-webkit-scrollbar,.app-main .unified-header .top-containers::-webkit-scrollbar{display:none!important}.app-main .mobile-search-container .top-container-item,.app-main .unified-header .top-container-item{width:auto!important;min-width:76px!important;max-width:none!important;height:44px!important;min-height:44px!important;flex:0 0 auto!important;padding:0 10px!important;box-sizing:border-box!important;border-radius:14px!important;font-size:12px!important;font-weight:700!important;line-height:1.2!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;white-space:nowrap!important;overflow:visible!important;box-shadow:var(--home-action-shadow,0 8px 22px rgba(102,126,234,.26))!important}.app-main .mobile-search-container .top-container-item.active,.app-main .mobile-search-container .top-container-item:hover,.app-main .unified-header .top-container-item.active,.app-main .unified-header .top-container-item:hover{transform:translateY(-1px)!important;box-shadow:var(--home-action-shadow,0 10px 24px rgba(102,126,234,.3))!important}.app-main .course-resources-page .unified-header .search-category-container,.app-main .public-resources-page .unified-header .search-category-container,.app-main .student-works-page .unified-header .search-category-container{height:30px!important;min-height:30px!important;max-height:30px!important;align-items:center!important;flex-wrap:nowrap!important;gap:8px!important;padding:0!important;margin:0!important;box-sizing:border-box!important}.app-main .course-resources-page .unified-header .category-toggle-button,.app-main .course-resources-page .unified-header .student-login-btn,.app-main .public-resources-page .unified-header .category-toggle-button,.app-main .student-works-page .unified-header .category-toggle-button,.app-main .student-works-page .unified-header .student-center-btn,.app-main .student-works-page .unified-header .student-login-btn{height:30px!important;min-height:30px!important;max-height:30px!important;padding:0 12px!important;line-height:30px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;border-radius:10px!important;font-size:13px!important;flex:0 0 auto!important;margin:0!important}.app-main .course-resources-page .unified-header .category-toggle-button span,.app-main .public-resources-page .unified-header .category-toggle-button span,.app-main .student-works-page .unified-header .category-toggle-button span{line-height:1!important}}.app-main .mobile-search-container .top-container-item,.app-main .mobile-search-container .top-container-item.active,.app-main .mobile-search-container .top-container-item:active,.app-main .mobile-search-container .top-container-item:hover,.app-main .unified-header .top-container-item,.app-main .unified-header .top-container-item.active,.app-main .unified-header .top-container-item:active,.app-main .unified-header .top-container-item:hover{transform:none!important}.app-main .mobile-search-container .top-container-item:before,.app-main .unified-header .top-container-item:before{pointer-events:none!important;display:none!important}.app-main.with-sidebar .unified-header{left:0!important;right:0!important;width:auto!important;max-width:none!important}.app-main .unified-header .header-logo.unified-logo,.mobile-header-logo{display:none!important}.app-top-logo{position:fixed;top:55px;left:14px;transform:translateY(-50%);height:auto;width:auto;max-width:clamp(60px,calc(100vw - 722px),220px);max-height:84px;-o-object-fit:contain;object-fit:contain;z-index:1003;pointer-events:none;transform-origin:left center;transition:transform calc(var(--sidebar-duration, .5s) + var(--sidebar-content-delay, .05s)) var(--sidebar-ease,cubic-bezier(.32,.72,0,1))}@media (min-width:769px){body.app-sidebar-open .app-top-logo{transform:translateY(-50%) scale(.88)}}.app-main .mobile-search-container .top-containers,.app-main .unified-header .top-containers{width:min(100%,1040px)!important;max-width:1040px!important;padding-left:220px!important;padding-right:20px!important}@media (max-width:768px){.app-main.with-sidebar .unified-header{left:0!important}.app-sidebar .menu{padding:0 2px 10px!important}.app-sidebar .menu .el-sub-menu .el-menu-item,.app-sidebar .menu>.el-menu-item,.app-sidebar .menu>.el-sub-menu>.el-sub-menu__title{width:100%!important;max-width:none!important;min-height:34px!important;height:34px!important;line-height:34px!important;margin-bottom:3px!important;border-radius:8px!important;font-size:12px!important}.app-sidebar .el-sub-menu>.el-sub-menu__title,.app-sidebar .el-sub-menu>.el-sub-menu__title .submenu-title-content,.app-sidebar .menu>.el-menu-item.menu-item{font-size:13px!important}.app-sidebar .menu>.el-menu-item,.app-sidebar .menu>.el-sub-menu>.el-sub-menu__title{padding:0 4px!important}.app-sidebar .submenu-title-content{height:34px!important;min-height:34px!important}.app-sidebar .menu .el-sub-menu .el-menu-item{padding-left:22px!important;padding-right:4px!important}.app-sidebar .menu-icon{width:16px!important;height:16px!important;aspect-ratio:1/1!important;margin-right:5px!important;font-size:15px!important}.app-sidebar .submenu-title-content{gap:0!important}.app-sidebar .menu .el-menu-item span,.app-sidebar .menu .el-sub-menu__title span,.app-sidebar .submenu-title-content span{flex:1 1 auto!important;max-width:none!important}.app-top-logo{top:16px;left:10px;width:78px;height:42px}.app-main .mobile-search-container .top-containers,.app-main .unified-header .top-containers{width:calc(100% + 16px)!important;max-width:none!important;padding-left:92px!important;padding-right:8px!important;justify-content:flex-start!important}.fixed-background{opacity:.25;background-size:contain;background-position:bottom}.app-main,.app-main.with-sidebar{margin-left:0!important}.header{position:fixed;top:0;left:0;right:0;z-index:1001;background-color:#fff;height:40px}.header-top{display:flex;align-items:center;padding:0 8px;height:40px}.menu-toggle{padding:8px;cursor:pointer;z-index:1}.header-logo{height:35px;margin:0 auto;display:block}}.mobile-drawer{--el-drawer-bg-color:#fff}.drawer-content{height:100%;display:flex;flex-direction:column}.drawer-header{padding:20px 16px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #f0f0f0}.drawer-logo{height:50px;width:auto;-o-object-fit:contain;object-fit:contain}.drawer-title{font-size:18px;font-weight:700;color:#333;flex:1}.drawer-menu{padding:16px}.nav-item{gap:12px;padding:12px 16px;margin-bottom:8px;border-radius:8px;cursor:pointer}.nav-icon{font-size:18px;width:24px;height:24px;aspect-ratio:1/1;color:#666}.nav-item span{font-size:16px;color:#333}@media (max-width:768px){.header-top{border-bottom:1px solid #f0f0f0}.menu-toggle{padding:12px}.menu-icon{font-size:20px;color:#333}}.menu{overflow-y:auto;height:100%;padding-bottom:20px;scrollbar-width:thin;scrollbar-color:#dcdfe6 transparent;display:flex;flex-direction:column;align-items:stretch;padding-left:4px!important;padding-right:2px!important}.menu::-webkit-scrollbar{width:5px}.menu::-webkit-scrollbar-track{background:transparent}.menu::-webkit-scrollbar-thumb{background-color:#dcdfe6;border-radius:10px}.app-sidebar .el-menu .el-menu-item,.app-sidebar .menu .menu-item{height:30px!important;line-height:30px!important;padding:0 10px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;font-family:var(--font-family-primary,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei","Helvetica Neue",Arial,sans-serif)!important;width:calc(100% - 8px)!important;max-width:none!important;margin:0 0 1px 4px!important;border-radius:6px!important;transition:background-color .2s ease,color .2s ease!important;font-size:13px!important;box-sizing:border-box!important}.app-sidebar .el-sub-menu>.el-sub-menu__title,.app-sidebar .el-sub-menu>.el-sub-menu__title .submenu-title-content,.app-sidebar .menu>.el-menu-item.menu-item{font-size:13.5px!important;font-weight:500!important;letter-spacing:.2px!important}.submenu-title-content{display:flex;align-items:center;flex:1;width:100%}.menu-icon{margin-right:8px;width:16px;height:16px;aspect-ratio:1/1;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px}.menu-image-icon{-o-object-fit:contain;object-fit:contain;border-radius:6px}.nav-item{display:flex;align-items:center;padding:12px 20px;color:#333;text-decoration:none;font-size:15px;transition:all .3s}.nav-item:hover{color:#2495ff;background-color:#f5f7fa}.app-sidebar .el-menu .el-menu-item:hover,.app-sidebar .menu .menu-item:hover{background-color:#f5f7fa!important;color:#2495ff!important;transform:translateX(2px)!important}.app-sidebar .el-menu .el-menu-item.is-spy-active{background-color:#e6f7ff!important;color:#2495ff!important;font-weight:400!important}.app-sidebar .el-menu .el-menu-item.is-active:not(.is-spy-active){background-color:transparent!important;color:#333!important;font-weight:400!important}.app-sidebar .el-sub-menu.is-spy-active-parent>.el-sub-menu__title{background-color:#e6f7ff!important;color:#2495ff!important;font-weight:400!important}.app-sidebar .menu{padding:0 4px 12px!important;gap:0!important}.app-sidebar .menu .el-sub-menu .el-menu-item,.app-sidebar .menu>.el-menu-item,.app-sidebar .menu>.el-sub-menu>.el-sub-menu__title{width:min(100% - 12px,210px)!important;max-width:210px!important;min-height:30px!important;height:30px!important;line-height:30px!important;margin:0 auto 1px!important;box-sizing:border-box!important;border-radius:6px!important;align-items:center!important}.app-sidebar .menu>.el-menu-item,.app-sidebar .menu>.el-sub-menu>.el-sub-menu__title{padding:0 14px!important;justify-content:center!important;gap:2px!important}.app-sidebar .menu .el-sub-menu{margin:0!important}.app-sidebar .menu .el-sub-menu .el-menu{padding:0!important;border:0!important}.app-sidebar .menu .el-sub-menu .el-menu-item{padding:0 6px 0 44px!important}.app-sidebar .submenu-title-content{height:30px!important;min-height:30px!important;align-items:center!important;justify-content:center!important;flex:0 1 auto!important;width:auto!important;padding-right:0!important}.app-sidebar .menu .el-menu-item>span,.app-sidebar .submenu-title-content>span{flex:0 1 auto!important;min-width:0!important;text-align:left!important}.app-sidebar .menu .el-menu-item span,.app-sidebar .menu .el-sub-menu__title span,.app-sidebar .submenu-title-content span{display:inline-block!important;writing-mode:horizontal-tb!important;text-orientation:mixed!important;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;line-height:1.2!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important}.app-sidebar .el-sub-menu__icon-arrow{display:none!important;width:0!important;min-width:0!important;max-width:0!important;height:0!important;margin:0!important;padding:0!important;right:0!important;overflow:hidden!important}.app-sidebar .el-sub-menu>.el-sub-menu__title{padding:0 14px!important;--el-menu-icon-width:0px!important;padding-right:14px!important;padding-inline-end:14px!important}.app-sidebar .el-sub-menu>.el-sub-menu__title:after{display:none!important}.app-sidebar .el-menu .el-menu-item,.app-sidebar .el-sub-menu .el-sub-menu__title{--el-menu-base-level-padding:0px!important;--el-menu-level-padding:0px!important;--el-menu-icon-width:0px!important;padding-right:14px!important;padding-inline-end:14px!important}.app-sidebar .el-sub-menu>.el-sub-menu__title{display:flex!important;justify-content:center!important}.app-sidebar .menu:not(.menu-expanded)>.el-sub-menu>.el-sub-menu__title .submenu-title-content{height:30px!important;min-height:30px!important;max-height:30px!important}.app-sidebar .menu.menu-expanded>.el-menu-item,.app-sidebar .menu.menu-expanded>.el-sub-menu>.el-sub-menu__title{flex:none!important;height:30px!important;min-height:30px!important;line-height:30px!important}.app-sidebar .menu:not(.menu-expanded)>.el-menu-item{line-height:30px!important}@media (max-width:768px){.el-overlay-dialog .el-dialog.category-dialog{margin-top:5px!important;position:fixed!important;top:25px!important}:deep(.category-dialog){margin-top:5px!important;position:fixed!important;top:25px!important;transform:none!important}.el-overlay{--el-dialog-margin-top:5px!important}}:deep(.el-dialog.category-dialog){border-radius:12px;overflow:hidden;background:var(--bg-card,#fff);box-shadow:var(--shadow,0 10px 30px rgba(0,0,0,.12))}:deep(.el-dialog.category-dialog .el-dialog__header){display:none}:deep(.el-dialog.category-dialog .el-dialog__body){padding:14px 14px 16px}:deep(.el-dialog.category-dialog .category-grid){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}:deep(.el-dialog.category-dialog .category-item){min-height:52px;height:auto;padding:12px 16px;border-radius:8px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid var(--border-color,#ebeef5);background:var(--bg-card,#fff);color:var(--text-primary,#1f2937);font-size:14px;font-weight:600;box-shadow:0 2px 6px rgba(0,0,0,.04);transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}:deep(.el-dialog.category-dialog .category-item-main){display:flex;align-items:center;gap:12px;width:100%;min-width:0;line-height:1.2}:deep(.el-dialog.category-dialog .category-icon){width:22px!important;min-width:22px!important;max-width:22px!important;height:22px!important;min-height:22px!important;max-height:22px!important;aspect-ratio:1/1!important;font-size:18px!important;flex:0 0 22px!important;-o-object-fit:contain;object-fit:contain}:deep(.el-dialog.category-dialog .category-item:hover){background:var(--bg-secondary,#f5f7fa);border-color:rgba(102,126,234,.28);box-shadow:0 4px 10px rgba(0,0,0,.08)}:deep(.el-dialog.category-dialog .category-item.active){background:rgba(36,149,255,.1);border-color:#2495ff;color:#2495ff;box-shadow:0 4px 10px rgba(36,149,255,.12)}@media (max-width:768px){:deep(.el-dialog.category-dialog .category-grid){grid-template-columns:1fr}:deep(.el-dialog.category-dialog .category-item){min-height:48px}}@media (max-width:375px){:deep(.category-dialog){top:20px!important}:deep(.el-dialog){height:260px!important;width:94%!important;margin:8px auto!important;margin-bottom:env(safe-area-inset-bottom,20px)!important}}@supports (padding-bottom:env(safe-area-inset-bottom)){.category-list{padding-bottom:calc(env(safe-area-inset-bottom) + 20px)}}:root{--ux-accent:#2563eb;--ux-accent-2:#0891b2;--ux-accent-soft:rgba(37,99,235,.1);--ux-surface:hsla(0,0%,100%,.92);--ux-surface-solid:#fff;--ux-border:rgba(30,64,175,.12);--ux-border-strong:rgba(37,99,235,.24);--ux-shadow-sm:0 1px 2px rgba(15,23,42,.06),0 1px 3px rgba(15,23,42,.06);--ux-shadow-md:0 8px 24px rgba(15,23,42,.08);--ux-shadow-lg:0 18px 46px rgba(15,23,42,.13);--ux-focus:0 0 0 4px rgba(37,99,235,.16);--ux-control-height:42px;--ux-control-radius:12px;--ux-card-radius:20px;--ux-ease:cubic-bezier(0.22,1,0.36,1);--card-grid-cols-sm:repeat(2,1fr);--card-grid-cols-xs:repeat(1,1fr);--card-min-height:160px;--card-cover-height:180px;--card-cover-height-mobile:130px}html{background:#f6f8fc}body{background:radial-gradient(circle at 18% 0,rgba(37,99,235,.08),transparent 34%),radial-gradient(circle at 94% 8%,rgba(8,145,178,.07),transparent 30%),var(--bg-main,#f6f8fc)}.course-card,.resource-card,.tool-card,.top-container-item,.work-card,[role=button],button{-webkit-tap-highlight-color:transparent}.app-sidebar .el-menu-item:focus-visible,.app-sidebar .el-sub-menu__title:focus-visible,.course-card:focus-visible,.resource-card:focus-visible,.tool-card:focus-visible,.top-container-item:focus-visible,.work-card:focus-visible,[role=button]:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none!important;box-shadow:var(--ux-focus)!important}html.theme-default .app-main .mobile-search-container,html.theme-default .app-main .unified-header{background:linear-gradient(180deg,hsla(0,0%,100%,.96),hsla(0,0%,100%,.88))!important;backdrop-filter:blur(18px) saturate(180%)!important;box-shadow:0 10px 30px rgba(15,23,42,.06)!important}.app-main .mobile-search-container .top-container-item,.app-main .unified-header .top-container-item{background:linear-gradient(135deg,#3b82f6,#06b6d4)!important;color:#fff!important;border:1px solid hsla(0,0%,100%,.35)!important;box-shadow:0 10px 26px rgba(37,99,235,.18)!important;letter-spacing:0!important;transition:background .24s var(--ux-ease),box-shadow .24s var(--ux-ease),filter .24s var(--ux-ease)!important}.app-main .mobile-search-container .top-container-item.active,.app-main .mobile-search-container .top-container-item:hover,.app-main .unified-header .top-container-item.active,.app-main .unified-header .top-container-item:hover{background:linear-gradient(135deg,#2563eb,#0891b2)!important;box-shadow:0 14px 34px rgba(37,99,235,.24)!important;filter:saturate(1.05) brightness(1.02)}.app-main .mobile-search-container .category-toggle-button,.app-main .mobile-search-container .theme-toggle-button,.app-main .unified-header .admin-login-btn,.app-main .unified-header .category-toggle-button,.app-main .unified-header .filter-button,.app-main .unified-header .student-center-btn,.app-main .unified-header .student-login-btn,.app-main .unified-header .theme-toggle-button{border-radius:var(--ux-control-radius)!important;border:1px solid rgba(37,99,235,.14)!important;box-shadow:var(--ux-shadow-sm)!important;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease!important}.app-main .mobile-search-container .category-toggle-button:hover,.app-main .mobile-search-container .theme-toggle-button:hover,.app-main .unified-header .category-toggle-button:hover,.app-main .unified-header .student-center-btn:hover,.app-main .unified-header .student-login-btn:hover,.app-main .unified-header .theme-toggle-button:hover{border-color:var(--ux-border-strong)!important;box-shadow:0 8px 22px rgba(37,99,235,.14)!important}html.theme-default .app-main .mobile-search-container .search-input,html.theme-default .app-main .unified-header .category-search input,html.theme-default .app-main .unified-header .search-input{border:1px solid rgba(37,99,235,.12)!important;border-radius:var(--ux-control-radius)!important;background:hsla(0,0%,100%,.86)!important;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.72),var(--ux-shadow-sm)!important}.app-main .mobile-search-container .search-input:focus,.app-main .unified-header .category-search input:focus,.app-main .unified-header .search-input:focus{border-color:rgba(37,99,235,.36)!important;box-shadow:var(--ux-focus),var(--ux-shadow-sm)!important;transform:none!important}html.theme-default .app-sidebar{background:linear-gradient(180deg,hsla(0,0%,100%,.96),rgba(248,251,255,.94))!important;backdrop-filter:blur(16px) saturate(160%);border-right:1px solid rgba(37,99,235,.1)!important}.app-sidebar .el-menu .el-menu-item:hover,.app-sidebar .el-sub-menu>.el-sub-menu__title:hover,.app-sidebar .menu .menu-item:hover{color:#1d4ed8!important}.app-sidebar .el-menu .el-menu-item.is-spy-active,.app-sidebar .el-sub-menu.is-spy-active-parent>.el-sub-menu__title{background:rgba(37,99,235,.11)!important;color:#1d4ed8!important}.app-main .comments-card,.app-main .course-card,.app-main .detail-card,.app-main .el-card,.app-main .info-bar,.app-main .resource-card,.app-main .tool-card,.app-main .work-card{border:1px solid var(--ux-border)!important;box-shadow:var(--ux-shadow-md)!important;background:var(--ux-surface)!important}.app-main .course-card:hover,.app-main .el-card:hover,.app-main .resource-card:hover,.app-main .tool-card:hover,.app-main .work-card:hover{border-color:var(--ux-border-strong)!important;box-shadow:var(--ux-shadow-lg)!important}.app-main .category-section,.app-main .featured-section,.app-main .resources-main>section{scroll-margin-top:calc(var(--app-header-height, 160px) + 18px)}.app-main .category-header{border-radius:12px!important}.app-main .category-header:hover{background:rgba(37,99,235,.045)!important}.el-overlay-dialog .el-dialog.category-dialog{border:1px solid rgba(37,99,235,.12)!important;box-shadow:0 22px 64px rgba(15,23,42,.18)!important}.el-message,.el-notification{border-radius:12px!important;box-shadow:0 18px 50px rgba(15,23,42,.16)!important}@media (max-width:768px){:root{--ux-control-height:38px;--ux-control-radius:11px}.app-main .course-card,.app-main .resource-card,.app-main .tool-card,.app-main .work-card{box-shadow:0 8px 22px rgba(15,23,42,.09)!important}.app-main .mobile-search-container .top-container-item,.app-main .unified-header .top-container-item{box-shadow:0 8px 18px rgba(37,99,235,.18)!important}.app-main .mobile-search-container .category-toggle-button,.app-main .mobile-search-container .theme-toggle-button,.app-main .unified-header .category-toggle-button,.app-main .unified-header .theme-toggle-button{touch-action:manipulation}.app-sidebar{width:var(--mobile-sidebar-width)!important;min-width:var(--mobile-sidebar-width)!important;max-width:var(--mobile-sidebar-width)!important}.app-sidebar .el-menu,.app-sidebar .menu{--el-menu-base-level-padding:0px!important;--el-menu-level-padding:0px!important;--el-menu-icon-width:0px!important;width:100%!important;padding:0 2px 10px!important;margin:0!important}.app-sidebar .menu .el-sub-menu .el-menu-item,.app-sidebar .menu>.el-menu-item,.app-sidebar .menu>.el-sub-menu,.app-sidebar .menu>.el-sub-menu>.el-sub-menu__title{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important}.app-sidebar .menu>.el-menu-item,.app-sidebar .menu>.el-sub-menu>.el-sub-menu__title{padding-left:1px!important;padding-right:0!important;padding-inline-start:1px!important;padding-inline-end:0!important}.app-sidebar .menu .el-sub-menu .el-menu-item{padding-left:14px!important;padding-right:0!important;padding-inline-start:14px!important;padding-inline-end:0!important}.app-sidebar .el-sub-menu>.el-sub-menu__title,.app-sidebar .el-sub-menu>.el-sub-menu__title .submenu-title-content,.app-sidebar .menu .el-sub-menu .el-menu-item,.app-sidebar .menu>.el-menu-item.menu-item{font-size:10.5px!important;font-weight:500!important}.app-sidebar .submenu-title-content{width:auto!important;min-width:0!important;padding:0!important;flex:0 1 auto!important;display:grid!important;grid-template-columns:12px minmax(0,max-content)!important;-moz-column-gap:3px!important;column-gap:3px!important;justify-content:start!important;align-items:center!important}.app-sidebar .menu-icon{width:12px!important;min-width:12px!important;max-width:12px!important;height:12px!important;aspect-ratio:1/1!important;margin-right:3px!important;font-size:12px!important}.app-sidebar .menu .el-menu-item span,.app-sidebar .menu .el-sub-menu__title span,.app-sidebar .submenu-title-content span{flex:0 1 auto!important;min-width:0!important;max-width:100%!important;letter-spacing:0!important}.app-sidebar .menu>.el-menu-item.menu-item{display:grid!important;grid-template-columns:12px minmax(0,max-content)!important;-moz-column-gap:3px!important;column-gap:3px!important;justify-content:start!important;align-items:center!important}.app-sidebar .menu>.el-sub-menu>.el-sub-menu__title{display:flex!important;justify-content:flex-start!important;gap:0!important}.app-sidebar .el-sub-menu__icon-arrow{display:none!important;width:0!important;min-width:0!important;max-width:0!important;height:0!important;margin:0!important;padding:0!important;right:0!important;overflow:hidden!important}}.app-sidebar .menu{align-items:stretch!important}.app-sidebar .menu .el-sub-menu .el-menu-item,.app-sidebar .menu>.el-menu-item,.app-sidebar .menu>.el-sub-menu>.el-sub-menu__title,.app-sidebar .submenu-title-content{display:flex!important;justify-content:flex-start!important;text-align:left!important}.app-sidebar .submenu-title-content{width:100%!important;flex:1 1 auto!important}.app-sidebar .menu>.el-menu-item.menu-item{display:flex!important;justify-content:flex-start!important;text-align:left!important}.app-sidebar .menu .el-menu-item span,.app-sidebar .menu .el-sub-menu__title span,.app-sidebar .submenu-title-content span{text-align:left!important}.app-sidebar .menu:not(.menu-expanded){overflow:hidden!important;scrollbar-width:none!important;-ms-overflow-style:none!important}.app-sidebar .menu:not(.menu-expanded)::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.app-sidebar .menu:not(.menu-expanded)>.el-menu-item,.app-sidebar .menu:not(.menu-expanded)>.el-sub-menu{flex:none!important;height:30px!important;min-height:30px!important;max-height:30px!important;margin-top:0!important;margin-bottom:1px!important}.app-sidebar .menu:not(.menu-expanded)>.el-menu-item,.app-sidebar .menu:not(.menu-expanded)>.el-sub-menu>.el-sub-menu__title{height:30px!important;min-height:30px!important;max-height:30px!important;line-height:30px!important}.app-sidebar.is-toolbox-sidebar .menu:not(.menu-expanded){padding-bottom:0!important}.app-main .content-container,.app-main .main-content>:not(.unified-header):not(.mobile-search-container),.app-main .modern-works-container,.app-main .tool-shell-body{margin-left:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;transform:none!important;transition:margin-left calc(var(--sidebar-duration, .5s) + var(--sidebar-content-delay, .05s)) var(--sidebar-ease,cubic-bezier(.32,.72,0,1)),width calc(var(--sidebar-duration, .5s) + var(--sidebar-content-delay, .05s)) var(--sidebar-ease,cubic-bezier(.32,.72,0,1)),max-width calc(var(--sidebar-duration, .5s) + var(--sidebar-content-delay, .05s)) var(--sidebar-ease,cubic-bezier(.32,.72,0,1)),opacity calc(var(--sidebar-duration, .5s) + var(--sidebar-content-delay, .05s)) ease!important}@media (min-width:769px){body.app-sidebar-open .app-main .content-container,body.app-sidebar-open .app-main .main-content>:not(.unified-header):not(.mobile-search-container),body.app-sidebar-open .app-main .modern-works-container,body.app-sidebar-open .app-main .tool-shell-body,body.app-sidebar-open .app-main .work-wrapper .wrapper-body{margin-left:var(--desktop-sidebar-width,122px)!important;width:calc(100% - var(--desktop-sidebar-width, 122px))!important;max-width:calc(100% - var(--desktop-sidebar-width, 122px))!important}}@media (max-width:768px){body.app-sidebar-open .app-main .content-container,body.app-sidebar-open .app-main .main-content>:not(.unified-header):not(.mobile-search-container),body.app-sidebar-open .app-main .modern-works-container,body.app-sidebar-open .app-main .tool-shell-body,body.app-sidebar-open .app-main .work-wrapper .wrapper-body,body.app-sidebar-open .app-main .work-wrapper .wrapper-side{margin-left:var(--mobile-sidebar-width,66px)!important;width:calc(100% - var(--mobile-sidebar-width, 66px))!important;max-width:calc(100% - var(--mobile-sidebar-width, 66px))!important}}.app-main .paid-resources-page .paid-list-content,.app-main .paid-resources-page .resources-layout,.app-main .public-resources-page .content-container,.app-main .public-resources-page .resources-layout,.app-main .student-works-page .modern-works-container{scroll-padding-bottom:32px!important}.app-main .paid-resources-page .resources-main,.app-main .public-resources-page .resources-main,.app-main .student-works-page .works-main{padding-bottom:max(28px,env(safe-area-inset-bottom,0px) + 20px)!important;box-sizing:border-box!important}.app-main .paid-resources-page .category-section:last-child,.app-main .public-resources-page .category-section:last-child,.app-main .student-works-page .works-container{margin-bottom:max(28px,env(safe-area-inset-bottom,0px) + 20px)!important}body:not(.app-sidebar-open) .app-main,body:not(.app-sidebar-open) .app-main .content-container,body:not(.app-sidebar-open) .app-main .main-content,body:not(.app-sidebar-open) .app-main .modern-works-container,body:not(.app-sidebar-open) .app-main .tool-shell-body,body:not(.app-sidebar-open) .app-main .unified-header,body:not(.app-sidebar-open) .app-main.with-sidebar{left:0!important;margin-left:0!important;width:100%!important;max-width:100%!important}body:not(.app-sidebar-open) .fixed-background{left:0!important;width:100%!important}.sidebar-toggle{z-index:5000!important}.app-main .unified-header{left:0!important;right:0!important;width:100%!important;max-width:none!important}.app-main .mobile-search-container .top-containers,.app-main .unified-header .top-containers{display:grid!important;grid-template-columns:repeat(4,minmax(96px,1fr))!important;gap:18px!important;width:min(700px,100%)!important;max-width:700px!important;margin:0 auto 4px!important;padding:0!important;justify-items:stretch!important;overflow:visible!important}.app-main .mobile-search-container .top-container-item,.app-main .mobile-search-container .top-containers,.app-main .unified-header .top-container-item,.app-main .unified-header .top-containers{min-width:0!important;height:45px!important;min-height:45px!important;max-height:45px!important;box-sizing:border-box!important;align-items:center!important;justify-content:center!important;flex:none!important}.app-main .mobile-search-container .top-container-item,.app-main .unified-header .top-container-item{width:100%!important;max-width:none!important;margin:0!important;padding:0 12px!important;display:inline-flex!important}.app-main .unified-header .search-category-container{width:min(1080px,100%)!important;max-width:1080px!important;margin:0 auto!important;box-sizing:border-box!important}@media (max-width:768px){:root{--mobile-header-control-height:30px}.app-top-logo--mobile{display:block!important;position:fixed!important;top:0!important;left:4px!important;width:auto!important;height:48px!important;max-width:clamp(20px,calc(100vw - 340px),132px)!important;max-height:48px!important;transform:none!important;-o-object-fit:contain!important;object-fit:contain!important;-o-object-position:left center!important;object-position:left center!important;z-index:1003!important;pointer-events:none!important;transition:none!important;border-radius:0!important}.app-top-logo:not(.app-top-logo--mobile){display:none!important}.app-main .mobile-search-container .unified-header__nav-row,.app-main .unified-header .unified-header__nav-row{width:100%!important;justify-content:center!important}.app-main .mobile-search-container .top-containers,.app-main .unified-header .top-containers{display:flex!important;grid-template-columns:none!important;width:auto!important;max-width:calc(100vw - 24px)!important;height:auto!important;min-height:40px!important;max-height:none!important;margin:0 auto!important;padding:4px 0!important;gap:6px!important;justify-content:center!important;align-items:center!important;overflow-x:hidden!important;overflow-y:visible!important;flex-wrap:nowrap!important;transform:translateX(var(--nav-logo-shift,0))!important}.app-main .mobile-search-container .top-container-item,.app-main .unified-header .top-container-item{width:clamp(68px,20vw,78px)!important;min-width:clamp(68px,20vw,78px)!important;max-width:clamp(68px,20vw,78px)!important;height:30px!important;min-height:30px!important;max-height:30px!important;flex:0 0 clamp(68px,20vw,78px)!important;padding:0 6px!important;border-radius:10px!important}.app-main .mobile-search-container .mobile-search-row,.app-main .unified-header .search-category-container{width:100%!important;max-width:none!important;margin:0!important;height:var(--mobile-header-control-height)!important;min-height:var(--mobile-header-control-height)!important;max-height:var(--mobile-header-control-height)!important;align-items:center!important}.app-main .mobile-search-container :is(.category-toggle-button,.theme-toggle-button,.share-toggle-button),.app-main .unified-header :is(.category-toggle-button,.theme-toggle-button,.share-toggle-button,.student-login-btn,.student-center-btn,.admin-login-btn,.filter-button){height:var(--mobile-header-control-height)!important;min-height:var(--mobile-header-control-height)!important;max-height:var(--mobile-header-control-height)!important;line-height:var(--mobile-header-control-height)!important;border-radius:10px!important;box-sizing:border-box!important}.app-main .mobile-search-container .search-box,.app-main .mobile-search-container .search-input,.app-main .unified-header :is(.search-box,.category-search),.app-main .unified-header :is(.search-input,.category-search input){height:var(--mobile-header-control-height)!important;min-height:var(--mobile-header-control-height)!important;max-height:var(--mobile-header-control-height)!important;border-radius:10px!important;box-sizing:border-box!important}.app-main .mobile-search-container .search-input,.app-main .unified-header :is(.search-input,.category-search input){line-height:var(--mobile-header-control-height)!important;padding-top:0!important;padding-bottom:0!important}.app-main .paid-resources-page .paid-list-content,.app-main .paid-resources-page .resources-layout,.app-main .public-resources-page .content-container,.app-main .public-resources-page .resources-layout,.app-main .student-works-page .modern-works-container{scroll-padding-bottom:44px!important}.app-main .paid-resources-page .resources-main,.app-main .public-resources-page .resources-main,.app-main .student-works-page .works-main{padding-bottom:max(36px,env(safe-area-inset-bottom,0px) + 24px)!important}.app-main .paid-resources-page .category-section:last-child,.app-main .public-resources-page .category-section:last-child,.app-main .student-works-page .works-container{margin-bottom:max(36px,env(safe-area-inset-bottom,0px) + 24px)!important}}.theme-dropdown-wrap[data-v-75dd7a18]{position:relative;flex-shrink:0}.theme-toggle-button[data-v-75dd7a18]{width:40px;height:40px;padding:0;border:2px solid var(--border-color,#e1e5e9);border-radius:var(--radius,16px);background:var(--bg-card,#fff);color:var(--text-primary,#667eea);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.theme-menu[data-v-75dd7a18]{position:absolute;top:calc(100% + 8px);right:0;margin:0;padding:6px;list-style:none;background:var(--bg-card,#fff);border:1px solid var(--border-color,#e1e5e9);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.15);min-width:180px;z-index:1100}.theme-menu-item[data-v-75dd7a18]{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;cursor:pointer;font-size:14px;color:var(--text-primary,#2c3e50)}.theme-menu-item[data-v-75dd7a18]:hover{background:rgba(102,126,234,.08)}.theme-menu-item.active[data-v-75dd7a18]{background:rgba(102,126,234,.15);font-weight:600}.theme-menu-name[data-v-75dd7a18]{flex:1}.theme-dot[data-v-75dd7a18]{width:18px;height:18px;border-radius:50%;flex-shrink:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}.unified-header[data-v-76345dfe]{position:fixed;inset:0 0 auto 0;z-index:1000;display:flex;flex-direction:column;gap:0;padding:0 16px 2px;color:var(--text-primary,#172033);background:linear-gradient(180deg,hsla(0,0%,100%,.92),hsla(0,0%,100%,.82)),radial-gradient(circle at 15% 0,rgba(102,126,234,.18),transparent 30%),radial-gradient(circle at 85% 0,rgba(6,182,212,.14),transparent 28%);border-bottom:1px solid rgba(102,126,234,.12);box-shadow:0 18px 45px rgba(15,23,42,.08);backdrop-filter:blur(18px) saturate(1.25);-webkit-backdrop-filter:blur(18px) saturate(1.25);box-sizing:border-box;font-family:var(--font-family)}.unified-header__nav-row[data-v-76345dfe]{position:relative;display:flex;align-items:center;justify-content:center;min-height:45px;margin-bottom:0}.header-logo[data-v-76345dfe],.unified-logo[data-v-76345dfe]{display:none}.top-containers[data-v-76345dfe]{display:grid;grid-template-columns:repeat(4,minmax(96px,1fr));gap:6px;width:min(640px,100%);margin:0 auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.top-container-item[data-v-76345dfe]{position:relative;min-width:0;height:45px;padding:0 16px;border:0;border-radius:10px;background:transparent;color:var(--text-secondary,#526078);cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.01em;transition:color .2s ease,background .2s ease;overflow:hidden}.top-container-item[data-v-76345dfe]:after{content:"";position:absolute;left:22%;right:22%;bottom:5px;height:3px;border-radius:999px;opacity:0;background:linear-gradient(90deg,#3b82f6,#06b6d4);transition:opacity .22s ease,transform .22s ease;transform:scaleX(.6);z-index:0}.top-container-item span[data-v-76345dfe]{position:relative;z-index:1}.top-container-item[data-v-76345dfe]:hover{color:#2563eb;transform:translateY(-1px);background:transparent}.top-container-item.active[data-v-76345dfe]{color:#2563eb;transform:none;box-shadow:none}.top-container-item.active[data-v-76345dfe]:after{opacity:1;transform:scaleX(1)}.search-category-container[data-v-76345dfe]{display:flex;align-items:center;gap:10px;width:min(1080px,100%);margin:0 auto;padding:0;box-sizing:border-box}.category-toggle-button[data-v-76345dfe],.theme-toggle-button[data-v-76345dfe]{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:45px;border:1px solid rgba(102,126,234,.16);border-radius:16px;background:hsla(0,0%,100%,.78);color:var(--text-primary,#1f2a44);box-shadow:0 8px 22px rgba(15,23,42,.07);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;flex-shrink:0;font-size:14px;font-weight:700;white-space:nowrap}.category-toggle-button[data-v-76345dfe]{min-width:126px;padding:0 16px}.theme-toggle-button[data-v-76345dfe]{width:42px;padding:0;color:#2563eb}.category-toggle-button[data-v-76345dfe]:hover,.theme-toggle-button[data-v-76345dfe]:hover{transform:translateY(-1px);border-color:rgba(59,130,246,.36);background:hsla(0,0%,100%,.96);box-shadow:0 12px 28px rgba(37,99,235,.14)}.search-box[data-v-76345dfe]{position:relative;flex:1 1 auto;min-width:180px}.search-input[data-v-76345dfe]{width:100%;height:42px;padding:0 48px 0 44px;border:1px solid rgba(102,126,234,.18);border-radius:16px;outline:none;background:hsla(0,0%,100%,.82);color:var(--text-primary,#182235);box-shadow:0 8px 22px rgba(15,23,42,.07);box-sizing:border-box;font-family:var(--font-family);font-size:15px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.search-input[data-v-76345dfe]::-moz-placeholder{color:rgba(82,96,120,.72)}.search-input[data-v-76345dfe]::placeholder{color:rgba(82,96,120,.72)}.search-input[data-v-76345dfe]:focus{border-color:rgba(59,130,246,.58);background:hsla(0,0%,100%,.98);box-shadow:0 0 0 4px rgba(59,130,246,.12),0 14px 30px rgba(37,99,235,.12)}.search-icon[data-v-76345dfe]{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#3b82f6;font-size:15px;pointer-events:none}.search-clear-button[data-v-76345dfe]{position:absolute;right:10px;top:50%;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:0;border-radius:999px;transform:translateY(-50%);background:rgba(100,116,139,.1);color:#64748b;cursor:pointer;transition:background .2s ease,color .2s ease}.search-clear-button[data-v-76345dfe]:hover{background:rgba(37,99,235,.14);color:#2563eb}@media (max-width:900px){.top-containers[data-v-76345dfe]{grid-template-columns:repeat(4,minmax(76px,1fr));width:100%;margin-left:48px}.top-container-item[data-v-76345dfe]{height:30px;padding:0 8px;font-size:12px}}@media (max-width:768px){.unified-header[data-v-76345dfe]{gap:8px;padding:8px}.unified-header__nav-row[data-v-76345dfe]{justify-content:flex-start;min-height:40px;overflow-x:auto;scrollbar-width:none}.unified-header__nav-row[data-v-76345dfe]::-webkit-scrollbar{display:none}.header-logo[data-v-76345dfe],.unified-logo[data-v-76345dfe]{display:none}.top-containers[data-v-76345dfe]{display:flex;gap:8px;width:auto;margin:0;padding:4px;overflow-x:auto;border-radius:18px;scrollbar-width:none}.top-containers[data-v-76345dfe]::-webkit-scrollbar{display:none}.top-container-item[data-v-76345dfe]{flex:0 0 auto;min-width:76px;height:30px;border-radius:8px;font-size:12px}.search-category-container[data-v-76345dfe]{gap:8px}.category-toggle-button[data-v-76345dfe]{min-width:auto;height:36px;padding:0 12px;border-radius:13px;font-size:12px}.category-toggle-button i[data-v-76345dfe]{display:none}.search-input[data-v-76345dfe]{height:36px;padding-left:36px;padding-right:40px;border-radius:13px;font-size:13px}.search-icon[data-v-76345dfe]{left:13px;font-size:13px}.theme-toggle-button[data-v-76345dfe]{width:36px;height:36px;border-radius:13px;font-size:13px}}@media (max-width:420px){.category-toggle-button span[data-v-76345dfe]{max-width:64px;overflow:hidden;text-overflow:ellipsis}.search-box[data-v-76345dfe]{min-width:0}}[data-v-495cbb1f] .category-dialog{border-radius:8px;max-width:calc(100vw - 24px)}[data-v-495cbb1f] .el-dialog__body{padding:0}.category-list[data-v-495cbb1f]{max-height:58vh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px}.category-grid[data-v-495cbb1f]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.grid-single[data-v-495cbb1f]{grid-template-columns:1fr;gap:8px}.category-item[data-v-495cbb1f]{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:40px;padding:8px 10px;cursor:default;transition:all .3s;background-color:#fff;border-radius:8px;border:1px solid #ebeef5;box-shadow:0 2px 6px rgba(0,0,0,.04)}.category-item[data-v-495cbb1f]:hover{background-color:#f5f7fa;box-shadow:0 4px 10px rgba(0,0,0,.08)}.category-item.active[data-v-495cbb1f]{border-color:#2495ff;background-color:#e6f7ff;box-shadow:0 4px 10px rgba(36,149,255,.12)}.category-item-main[data-v-495cbb1f]{display:flex;align-items:center;gap:8px;cursor:pointer;padding:0;min-width:0;font-size:13px;line-height:1.2}.category-item-main span[data-v-495cbb1f]:first-of-type{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-item.active .category-item-main[data-v-495cbb1f]{color:#2495ff}.category-item-arrow[data-v-495cbb1f]{margin-left:auto;font-size:10px;color:#909399}.category-item.expanded .category-item-arrow[data-v-495cbb1f]{color:#2495ff}.subcategory-list[data-v-495cbb1f]{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px;padding-top:6px;border-top:1px solid rgba(0,0,0,.06)}.subcategory-item[data-v-495cbb1f]{display:inline-block;padding:4px 10px;font-size:11px;border-radius:14px;background:#f0f2f5;border:1px solid #e4e7ed;color:#606266;cursor:pointer;transition:all .2s;font-family:inherit;line-height:1.4}.subcategory-item[data-v-495cbb1f]:hover{background:#e6f7ff;border-color:#2495ff;color:#2495ff}.subcategory-item.active[data-v-495cbb1f]{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff}.category-icon[data-v-495cbb1f]{width:18px!important;min-width:18px!important;max-width:18px!important;height:18px!important;min-height:18px!important;max-height:18px!important;font-size:15px!important;flex:0 0 18px!important;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.category-image-icon[data-v-495cbb1f]{border-radius:5px}@media (max-width:768px){.category-list[data-v-495cbb1f]{max-height:56vh}.category-grid.grid-single[data-v-495cbb1f]{gap:8px}.category-item[data-v-495cbb1f]{min-height:40px;padding:8px 10px;font-size:13px}.subcategory-list[data-v-495cbb1f]{margin-top:8px;padding-top:6px;gap:6px}.subcategory-item[data-v-495cbb1f]{padding:6px 10px;font-size:13px;min-height:36px;display:inline-flex;align-items:center;justify-content:center}.category-icon[data-v-495cbb1f]{width:18px!important;height:18px!important;font-size:15px!important}}[data-v-5ec505ce] .theme-dialog .el-dialog__body{padding:8px}.theme-options[data-v-5ec505ce]{display:flex;flex-direction:column;gap:4px}.theme-option[data-v-5ec505ce]{position:relative;cursor:pointer;border:0;border-radius:8px;transition:background .18s ease,color .18s ease;background:transparent;display:flex;align-items:center;gap:10px;min-height:36px;padding:8px 34px 8px 10px}.theme-option[data-v-5ec505ce]:hover{background:rgba(102,126,234,.08)}.theme-option.active[data-v-5ec505ce]{background:rgba(102,126,234,.15);font-weight:600}.theme-dot[data-v-5ec505ce]{width:18px;height:18px;border-radius:50%;flex-shrink:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}.theme-name[data-v-5ec505ce]{flex:1;color:var(--text-primary,#2c3e50);font-size:14px}.theme-check[data-v-5ec505ce]{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;color:#667eea;font-size:12px}.main-content[data-v-2e8f41f3]{padding-top:5px;padding-bottom:50px;margin-top:147px;margin-left:0}.footer[data-v-2e8f41f3]{background:var(--bg-card,hsla(0,0%,100%,.92));backdrop-filter:blur(10px);border-top:1px solid var(--border-color,rgba(102,126,234,.12));box-shadow:var(--shadow-footer,0 -4px 16px rgba(102,126,234,.08));display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;padding:12px 16px;font-size:14px;color:var(--text-secondary,#718096);position:relative;bottom:0}.footer-actions[data-v-2e8f41f3]{display:inline-flex;align-items:center;gap:14px;flex-wrap:wrap}.footer-action[data-v-2e8f41f3]{border:1px solid transparent;background:transparent;color:var(--text-secondary,#718096);font-size:13px;line-height:1;padding:7px 10px;border-radius:var(--radius,12px);cursor:pointer;transition:all .2s ease}.footer-action[data-v-2e8f41f3]:hover{color:var(--home-action-text,#fff);background:var(--home-action-bg,linear-gradient(135deg,#667eea,#764ba2));border-color:rgba(102,126,234,.18);box-shadow:var(--home-action-shadow,0 4px 14px rgba(102,126,234,.2));transform:translateY(-1px)}.footer-link[data-v-2e8f41f3]{color:var(--text-secondary,#718096);text-decoration:none;transition:color .2s ease}.footer-link[data-v-2e8f41f3]:hover{color:var(--text-primary,#2d3748)}.footer-link p[data-v-2e8f41f3]{margin:0}.unified-header[data-v-2e8f41f3]{position:fixed;top:0;left:0;right:0;background-color:var(--bg-header,#fff);z-index:1000;display:flex;flex-direction:column;padding:12px 16px;color:var(--text-primary,#2c3e50);box-shadow:var(--shadow-header,0 4px 12px rgba(102,126,234,.25),0 2px 6px rgba(118,75,162,.15));font-family:var(--font-family)}.top-containers[data-v-2e8f41f3]{display:flex;justify-content:space-evenly;gap:20px;margin-bottom:24px;width:100%;max-width:800px;margin-left:auto;margin-right:auto;padding:0 20px}.top-container-item[data-v-2e8f41f3]{flex:1;max-width:240px;height:60px;background:var(--home-action-bg,linear-gradient(135deg,#3b82f6 0,#06b6d4 100%));border-radius:16px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);font-size:15px;font-weight:600;color:var(--home-action-color,#fff);position:relative;overflow:visible;box-shadow:var(--home-action-shadow,0 8px 25px rgba(59,130,246,.3))}.top-container-item[data-v-2e8f41f3]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s}.top-container-item[data-v-2e8f41f3]:hover:before{left:100%}.top-container-item.active[data-v-2e8f41f3],.top-container-item[data-v-2e8f41f3]:hover{transform:translateY(-1px);box-shadow:var(--home-action-shadow,0 10px 24px rgba(59,130,246,.3))}.top-container-item[data-v-2e8f41f3]:active{transform:translateY(-2px) scale(.98)}.small-note[data-v-2e8f41f3]{position:absolute;bottom:-18px;font-size:10px;color:#666;font-weight:400;white-space:nowrap}.with-sidebar .unified-header[data-v-2e8f41f3]{left:250px}.header-left[data-v-2e8f41f3]{display:flex;align-items:center;gap:8px;margin-bottom:12px}.back-button[data-v-2e8f41f3]{padding:8px 16px;border:1px solid #dcdfe6;border-radius:8px;background-color:#fff;cursor:pointer;font-size:14px;color:#333;transition:all .3s}.back-button[data-v-2e8f41f3]:hover{border-color:#2495ff;color:#2495ff}.header-logo[data-v-2e8f41f3]{height:30px;-o-object-fit:contain;object-fit:contain;margin:0 auto;display:block}.search-category-container[data-v-2e8f41f3]{display:flex;gap:12px;width:100%;align-items:center;background:none;box-shadow:none;padding:0;margin:0}.category-toggle-button[data-v-2e8f41f3]{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 20px;border:none;border-radius:16px;background:var(--home-action-bg,linear-gradient(135deg,#3b82f6 0,#06b6d4 100%));cursor:pointer;font-size:15px;font-weight:600;color:var(--home-action-color,#fff);transition:all .4s cubic-bezier(.4,0,.2,1);white-space:nowrap;box-shadow:var(--home-action-shadow,0 8px 25px rgba(59,130,246,.3));overflow:hidden}.category-toggle-button[data-v-2e8f41f3]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s}.category-toggle-button[data-v-2e8f41f3]:hover:before{left:100%}.category-toggle-button[data-v-2e8f41f3]:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--home-action-shadow-hover,0 15px 35px rgba(59,130,246,.4))}.category-toggle-button[data-v-2e8f41f3]:active{transform:translateY(-2px) scale(.98)}.search-box[data-v-2e8f41f3]{flex:1;position:relative}.search-input[data-v-2e8f41f3]{width:100%;height:40px;padding:0 50px 0 20px;border:2px solid var(--border-color,#e1e5e9);border-radius:var(--radius,16px);background-color:var(--bg-card,#fff);color:var(--text-primary,#2c3e50);font-family:var(--font-family);font-size:15px;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);background:hsla(0,0%,100%,.9);backdrop-filter:blur(10px);box-shadow:0 4px 15px rgba(0,0,0,.1)}.search-input[data-v-2e8f41f3]:focus{border-color:#667eea;box-shadow:0 8px 25px rgba(102,126,234,.2);transform:translateY(-2px)}.search-icon[data-v-2e8f41f3]{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:#667eea;font-size:18px;transition:all .3s ease}.search-input:focus+.search-icon[data-v-2e8f41f3]{color:#764ba2;transform:translateY(-50%) scale(1.1)}.theme-toggle-button[data-v-2e8f41f3]{width:40px;height:40px;padding:0;border:2px solid var(--border-color,#e1e5e9);border-radius:var(--radius,16px);background:var(--bg-card,#fff);color:var(--text-primary,#667eea);font-size:18px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(0,0,0,.1);backdrop-filter:blur(10px);flex-shrink:0}.theme-toggle-button[data-v-2e8f41f3]:hover{border-color:#667eea;background:rgba(102,126,234,.1);transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.2)}.theme-toggle-button[data-v-2e8f41f3]:active{transform:translateY(0)}.category-section[data-v-2e8f41f3]{margin-bottom:30px;scroll-margin-top:110px}.category-section-top[data-v-2e8f41f3]{display:flex;align-items:center;gap:12px;margin-top:8px;margin-bottom:5px;margin-left:16px;margin-right:16px;min-height:48px}.category-section-top .category-header[data-v-2e8f41f3]{flex-shrink:0;margin-bottom:0;margin-left:0;padding:8px 14px;font-size:1rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.category-section-top .category-expand-arrow[data-v-2e8f41f3]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:inherit;margin-left:6px;padding:4px;font-size:12px;line-height:1;opacity:.75;transform:translateY(1px);transition:transform .18s ease,opacity .18s ease;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.category-section-top .category-expand-arrow.expanded[data-v-2e8f41f3]{transform:translateY(1px) rotate(90deg);opacity:1}.category-section-top .category-expand-arrow[data-v-2e8f41f3]:hover{opacity:1}.category-section-top .category-header h2[data-v-2e8f41f3]{font-size:1rem;margin:0}.subcategory-tabs-wrap[data-v-2e8f41f3]{flex:1;min-width:0;overflow:hidden}.subcategory-tabs[data-v-2e8f41f3]{display:flex;align-items:center;gap:8px;overflow-x:auto;overflow-y:hidden;padding:4px 0;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.subcategory-tabs[data-v-2e8f41f3]::-webkit-scrollbar{height:4px}.subcategory-tabs[data-v-2e8f41f3]::-webkit-scrollbar-thumb{background:rgba(102,126,234,.3);border-radius:4px}.subcategory-tab[data-v-2e8f41f3]{flex-shrink:0;padding:6px 14px;font-size:13px;border-radius:20px;border:1px solid var(--border-strong,rgba(102,126,234,.2));background:var(--bg-card,#f8fafc);color:var(--text-primary,#555);cursor:pointer;transition:all .2s ease;white-space:nowrap}.subcategory-tab[data-v-2e8f41f3]:hover{border-color:rgba(102,126,234,.4);color:#667eea;background:rgba(102,126,234,.08)}.subcategory-tab.active[data-v-2e8f41f3]{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff}.category-header[data-v-2e8f41f3]{display:inline-flex;align-items:center;gap:8px;font-size:1.2em;font-weight:700;margin-bottom:16px;margin-left:16px;padding:12px 20px;background:var(--bg-card,linear-gradient(145deg,#fff,#f8fafc));border-radius:var(--radius,12px);border:1px solid var(--border-strong,rgba(102,126,234,.15));box-shadow:var(--shadow-header,0 4px 12px rgba(102,126,234,.25),0 2px 6px rgba(118,75,162,.15));color:var(--text-primary,#333);transition:all .3s ease;font-family:var(--font-family)}.tools-list[data-v-2e8f41f3]{display:grid;grid-template-columns:var(--card-grid-cols-lg,repeat(auto-fill,minmax(max(138px,calc(16.66667% - 13.33333px)),1fr)));gap:var(--card-gap,24px 16px);padding:16px}.tool-card[data-v-2e8f41f3]{display:flex;flex-direction:column;align-items:center;padding:var(--card-padding,20px 16px);margin-top:16px;background:var(--bg-card,linear-gradient(145deg,#fff,#f8fafc));border-radius:var(--card-border-radius,20px);border:1px solid var(--border-color,rgba(102,126,234,.1));cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);aspect-ratio:var(--card-aspect-ratio,4/3);box-shadow:var(--shadow-card,0 4px 12px rgba(102,126,234,.35),0 2px 6px rgba(118,75,162,.25));position:relative;overflow:hidden;color:var(--text-primary,#2c3e50);font-family:var(--font-family)}.tool-card[data-v-2e8f41f3]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);opacity:0;transition:opacity .3s ease}.tool-card[data-v-2e8f41f3]:hover:before{opacity:1}.tool-icon[data-v-2e8f41f3]{width:56px;height:56px;border-radius:16px;margin-bottom:12px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#667eea;background:linear-gradient(135deg,#f0f4ff,#e8f2ff);border:2px solid rgba(102,126,234,.1);transition:all .3s ease;box-shadow:0 4px 15px rgba(102,126,234,.1)}.tool-card[data-v-2e8f41f3]:hover{box-shadow:var(--shadow-card-hover,0 6px 18px rgba(102,126,234,.5),0 3px 8px rgba(118,75,162,.4))}.tool-card:hover .tool-icon[data-v-2e8f41f3]{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 25px rgba(102,126,234,.3)}.tool-info[data-v-2e8f41f3]{width:100%;text-align:center;flex:0 0 auto;display:flex;flex-direction:column;min-height:0;overflow:visible;position:relative;z-index:4}.tool-name[data-v-2e8f41f3]{font-size:16px;font-weight:600;color:var(--text-primary,#2d3748);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease;min-height:1.28em;flex:0 0 auto;position:relative;z-index:6}.tool-card:hover .tool-name[data-v-2e8f41f3]{color:#667eea}.tool-tag[data-v-2e8f41f3]{position:absolute;top:8px;right:8px;width:12px;height:12px;border-radius:50%;background:#22c55e;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.15);pointer-events:none;z-index:2}.frequent-empty[data-v-2e8f41f3]{padding:24px 16px;text-align:center;font-size:14px;color:var(--text-secondary,#6b7280);background:var(--bg-card,hsla(0,0%,100%,.6));border:1px dashed var(--border-color,#e1e5e9);border-radius:12px;margin-top:8px}.tool-tag.jump[data-v-2e8f41f3]{background:#facc15}.tool-tag.download[data-v-2e8f41f3]{background:#3b82f6}.tool-description[data-v-2e8f41f3]{font-size:13px;color:#718096;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:var(--card-desc-lines-icon,2);line-clamp:var(--card-desc-lines-icon,2);-webkit-box-orient:vertical;line-height:1.4;transition:color .3s ease;flex:0 1 auto;min-height:0;position:relative;z-index:2}.tool-card:hover .tool-description[data-v-2e8f41f3]{color:#4a5568}.tool-card.top-1[data-v-2e8f41f3]{background:linear-gradient(145deg,#fff8e1,gold)}.tool-card.top-2[data-v-2e8f41f3]{background:linear-gradient(145deg,#fafafa,silver);border:1px solid silver;box-shadow:0 4px 12px hsla(0,0%,75%,.15)}.tool-card.top-3[data-v-2e8f41f3]{background:linear-gradient(145deg,#fff3e0,#cd7f32);border:1px solid #cd7f32;box-shadow:0 4px 12px rgba(205,127,50,.1)}.tool-card.top-1[data-v-2e8f41f3]:before,.tool-card.top-2[data-v-2e8f41f3]:before,.tool-card.top-3[data-v-2e8f41f3]:before{content:"";position:absolute;top:5px;left:5px;transform:none;width:18px;height:18px;background-size:contain;background-repeat:no-repeat;background-position:50%;z-index:10}.tool-card.top-1[data-v-2e8f41f3]:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="%23FFD700" d="M309 106c11.4-7 19-19.7 19-34c0-22.1-17.9-40-40-40s-40 17.9-40 40c0 14.4 7.6 27 19 34L209.7 220.6c-9.1 18.2-32.7 23.4-48.6 10.7L72 160c5-6.7 8-15 8-24c0-22.1-17.9-40-40-40S0 113.9 0 136s17.9 40 40 40c.2 0 .5 0 .7 0L86.4 427.4c5.5 30.4 32 52.6 63 52.6H426.6c30.9 0 57.4-22.1 63-52.6L535.3 176c.2 0 .5 0 .7 0c22.1 0 40-17.9 40-40s-17.9-40-40-40s-40 17.9-40 40c0 9 3 17.3 8 24l-89.1 71.3c-15.9 12.7-39.5 7.5-48.6-10.7L309 106z"/></svg>')}.tool-card.top-2[data-v-2e8f41f3]:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="%23C0C0C0" d="M309 106c11.4-7 19-19.7 19-34c0-22.1-17.9-40-40-40s-40 17.9-40 40c0 14.4 7.6 27 19 34L209.7 220.6c-9.1 18.2-32.7 23.4-48.6 10.7L72 160c5-6.7 8-15 8-24c0-22.1-17.9-40-40-40S0 113.9 0 136s17.9 40 40 40c.2 0 .5 0 .7 0L86.4 427.4c5.5 30.4 32 52.6 63 52.6H426.6c30.9 0 57.4-22.1 63-52.6L535.3 176c.2 0 .5 0 .7 0c22.1 0 40-17.9 40-40s-17.9-40-40-40s-40 17.9-40 40c0 9 3 17.3 8 24l-89.1 71.3c-15.9 12.7-39.5 7.5-48.6-10.7L309 106z"/></svg>')}.tool-card.top-3[data-v-2e8f41f3]:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="%23CD7F32" d="M309 106c11.4-7 19-19.7 19-34c0-22.1-17.9-40-40-40s-40 17.9-40 40c0 14.4 7.6 27 19 34L209.7 220.6c-9.1 18.2-32.7 23.4-48.6 10.7L72 160c5-6.7 8-15 8-24c0-22.1-17.9-40-40-40S0 113.9 0 136s17.9 40 40 40c.2 0 .5 0 .7 0L86.4 427.4c5.5 30.4 32 52.6 63 52.6H426.6c30.9 0 57.4-22.1 63-52.6L535.3 176c.2 0 .5 0 .7 0c22.1 0 40-17.9 40-40s-17.9-40-40-40s-40 17.9-40 40c0 9 3 17.3 8 24l-89.1 71.3c-15.9 12.7-39.5 7.5-48.6-10.7L309 106z"/></svg>')}.tool-card.top-2[data-v-2e8f41f3]:hover{box-shadow:0 6px 16px hsla(0,0%,75%,.2)}.tool-card.top-3[data-v-2e8f41f3]:hover{box-shadow:0 6px 16px rgba(205,127,50,.15)}@media (max-width:768px){.category-section-top[data-v-2e8f41f3]{margin-left:10px;margin-right:10px;gap:8px}.category-section-top .category-header[data-v-2e8f41f3]{padding:6px 10px;font-size:.9rem}.category-section-top .category-header h2[data-v-2e8f41f3]{font-size:.9rem}.subcategory-tab[data-v-2e8f41f3]{padding:5px 12px;font-size:12px}.category-header[data-v-2e8f41f3]{margin-left:10px;padding:10px 16px;font-size:1.1em}.tools-list[data-v-2e8f41f3]{grid-template-columns:repeat(3,1fr);gap:var(--card-gap-mobile,10px);padding:var(--card-gap-mobile,10px)}.tool-card[data-v-2e8f41f3]{padding:12px 8px 8px;box-shadow:0 3px 10px rgba(102,126,234,.3),0 1px 4px rgba(118,75,162,.2);aspect-ratio:auto;height:auto;min-height:120px;justify-content:flex-start}.tool-card[data-v-2e8f41f3]:hover{transform:none;box-shadow:0 4px 12px rgba(102,126,234,.4),0 2px 6px rgba(118,75,162,.3),0 0 0 1px #f0f4ff;border-color:#667eea}.tool-card[data-v-2e8f41f3]:hover:before{opacity:0}.tool-card.top-1[data-v-2e8f41f3]:before,.tool-card.top-2[data-v-2e8f41f3]:before,.tool-card.top-3[data-v-2e8f41f3]:before{opacity:1!important}.tool-card:hover .tool-icon[data-v-2e8f41f3]{transform:none}.tool-card:hover .tool-name[data-v-2e8f41f3]{color:#2d3748}.tool-card:hover .tool-description[data-v-2e8f41f3]{color:#718096}.tool-icon[data-v-2e8f41f3]{width:40px;height:40px;margin-bottom:6px}.tool-name[data-v-2e8f41f3]{font-size:12px;margin-bottom:3px}.tool-description[data-v-2e8f41f3]{font-size:10px;line-height:1.2;height:2.4em}.rank-badge[data-v-2e8f41f3]{width:18px;height:18px;top:6px;left:6px;font-size:11px}}@media (max-width:375px){.category-header[data-v-2e8f41f3]{margin-left:8px;padding:8px 12px;font-size:1em}.tools-list[data-v-2e8f41f3]{gap:8px;padding:8px}.tool-card[data-v-2e8f41f3]{padding:10px 6px 6px;aspect-ratio:auto;height:auto;min-height:108px;box-shadow:0 3px 8px rgba(102,126,234,.3),0 1px 3px rgba(118,75,162,.2)}.tool-card[data-v-2e8f41f3]:hover{transform:none;box-shadow:0 4px 10px rgba(102,126,234,.4),0 2px 5px rgba(118,75,162,.3),0 0 0 1px #f0f4ff;border-color:#667eea}.tool-card[data-v-2e8f41f3]:hover:before{opacity:0}.tool-card:hover .tool-icon[data-v-2e8f41f3]{transform:none}.tool-card:hover .tool-name[data-v-2e8f41f3]{color:#2d3748}.tool-card:hover .tool-description[data-v-2e8f41f3]{color:#718096}.tool-icon[data-v-2e8f41f3]{width:36px;height:36px;margin-bottom:4px}.tool-name[data-v-2e8f41f3]{font-size:11px}.tool-description[data-v-2e8f41f3]{font-size:9px}.rank-badge[data-v-2e8f41f3]{width:16px;height:16px;top:4px;left:4px;font-size:10px}}@media (max-width:768px){.unified-header[data-v-2e8f41f3]{left:0;padding:8px}.header-logo[data-v-2e8f41f3]{margin-bottom:8px}.search-category-container[data-v-2e8f41f3]{gap:8px}.main-content[data-v-2e8f41f3]{padding-top:110px;margin-top:0}}@media (max-width:425px){.main-content[data-v-2e8f41f3]{padding:10px;margin-top:0}.tools-list[data-v-2e8f41f3]{grid-template-columns:var(--card-grid-cols-md,repeat(3,1fr));gap:var(--card-gap-mobile,10px)}.tool-card[data-v-2e8f41f3]{padding:8px}.tool-icon[data-v-2e8f41f3]{width:40px;height:40px}.tool-name[data-v-2e8f41f3]{font-size:12px}.tool-description[data-v-2e8f41f3]{font-size:9px}}@media (max-width:375px){.tools-list[data-v-2e8f41f3]{grid-template-columns:repeat(3,1fr);gap:calc(var(--card-gap-mobile, 10px) - 2px)}.tool-card[data-v-2e8f41f3]{padding:6px}.tool-icon[data-v-2e8f41f3]{width:35px;height:35px}.tool-name[data-v-2e8f41f3]{font-size:11px}.tool-description[data-v-2e8f41f3]{font-size:8px}}@media (max-width:480px){.tools-list[data-v-2e8f41f3]{grid-template-columns:repeat(3,1fr);gap:8px}}[data-v-2e8f41f3] .el-dropdown-menu{padding:8px 0;min-width:320px;max-width:400px}[data-v-2e8f41f3] .el-dropdown-menu__item{display:flex;align-items:center;gap:16px;padding:14px 24px;font-size:16px;line-height:1.5}[data-v-2e8f41f3] .el-dropdown-menu__item.active{color:#2495ff;background-color:#e6f7ff}[data-v-2e8f41f3] .el-dropdown-menu__item:hover{background-color:#f5f7fa}.category-icon[data-v-2e8f41f3]{font-size:20px;width:28px}@media (max-width:768px){[data-v-2e8f41f3] .el-dropdown-menu{width:100%;max-width:none;border-radius:0;padding:10px 0;height:70vh;position:fixed;top:110px;left:0;right:0;background-color:#fff;box-shadow:0 2px 12px rgba(0,0,0,.1);margin:0;z-index:2001;overflow-y:scroll!important;-webkit-overflow-scrolling:touch}[data-v-2e8f41f3] .el-dropdown-menu__wrap,[data-v-2e8f41f3] .el-scrollbar,[data-v-2e8f41f3] .el-scrollbar__view,[data-v-2e8f41f3] .el-scrollbar__wrap{height:100%!important;max-height:none!important;overflow:visible!important}.main-content.has-dropdown[data-v-2e8f41f3]:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.3);z-index:2000}}.main-content.has-dropdown[data-v-2e8f41f3]{padding-bottom:70vh}[data-v-2e8f41f3] .category-dialog{border-radius:8px;max-width:calc(100vw - 24px)}[data-v-2e8f41f3] .el-dialog__body{padding:0}@media (max-width:768px){.tool-card .tool-info[data-v-2e8f41f3]{transform:translateY(-4px)}.tool-card .tool-description[data-v-2e8f41f3]{height:2.8em;line-height:1.4}}.category-list[data-v-2e8f41f3]{max-height:58vh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px}.category-grid[data-v-2e8f41f3]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.category-item[data-v-2e8f41f3]{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:40px;padding:8px 10px;cursor:default;transition:all .3s;background-color:#fff;border-radius:8px;border:1px solid #ebeef5;box-shadow:0 2px 6px rgba(0,0,0,.04)}.category-item[data-v-2e8f41f3]:hover{background-color:#f5f7fa;box-shadow:0 4px 10px rgba(0,0,0,.08)}.category-item-main[data-v-2e8f41f3]{display:flex;align-items:center;gap:8px;cursor:pointer;padding:0;min-width:0;font-size:13px;line-height:1.2}.category-item-main span[data-v-2e8f41f3]:first-of-type{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-item.active .category-item-main[data-v-2e8f41f3]{color:#2495ff}.category-item.active[data-v-2e8f41f3]{border-color:#2495ff;background-color:#e6f7ff;box-shadow:0 4px 10px rgba(36,149,255,.12)}.subcategory-list[data-v-2e8f41f3]{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px;padding-top:6px;border-top:1px solid rgba(0,0,0,.06)}.category-item-arrow[data-v-2e8f41f3]{margin-left:auto;font-size:10px;color:#909399}.category-item.expanded .category-item-arrow[data-v-2e8f41f3]{color:#2495ff}.subcategory-item[data-v-2e8f41f3]{display:inline-block;padding:4px 10px;font-size:11px;border-radius:14px;background:#f0f2f5;border:1px solid #e4e7ed;color:#606266;cursor:pointer;transition:all .2s;font-family:inherit;line-height:1.4}.subcategory-item[data-v-2e8f41f3]:hover{background:#e6f7ff;border-color:#2495ff;color:#2495ff}.subcategory-item-all.active[data-v-2e8f41f3],.subcategory-item.active[data-v-2e8f41f3]{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff}.category-icon[data-v-2e8f41f3]{width:18px!important;min-width:18px!important;max-width:18px!important;height:18px!important;min-height:18px!important;max-height:18px!important;font-size:15px!important;flex:0 0 18px!important;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.category-image-icon[data-v-2e8f41f3]{border-radius:5px}@media (max-width:768px){.category-list[data-v-2e8f41f3]{max-height:56vh}.category-grid[data-v-2e8f41f3]{grid-template-columns:1fr;gap:8px}.category-item[data-v-2e8f41f3]{min-height:40px;padding:8px 10px;font-size:13px}.subcategory-list[data-v-2e8f41f3]{margin-top:8px;padding-top:6px;gap:6px}.subcategory-item[data-v-2e8f41f3]{padding:6px 10px;font-size:13px;min-height:36px;display:inline-flex;align-items:center;justify-content:center}.category-icon[data-v-2e8f41f3]{width:18px!important;min-width:18px!important;max-width:18px!important;height:18px!important;min-height:18px!important;max-height:18px!important;font-size:15px!important}}.ad-carousel-container[data-v-2e8f41f3]{margin:16px 0;background-color:transparent;border-radius:8px;overflow:hidden;width:100%}.desktop-ad-grid[data-v-2e8f41f3]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px}.desktop-ad[data-v-2e8f41f3]{height:160px;width:100%;transition:transform .3s;display:flex;justify-content:center;align-items:center;background-color:transparent}.desktop-ad[data-v-2e8f41f3]:hover{transform:translateY(-2px)}.mobile-ad-container[data-v-2e8f41f3]{margin:60px 8px 16px;width:calc(100% - 16px);background-color:transparent;box-shadow:none}@media (max-width:375px){.mobile-ad-container[data-v-2e8f41f3]{margin:50px 6px 12px;width:calc(100% - 12px)}}[data-v-2e8f41f3] .el-carousel{height:160px!important}.mobile-ad-single[data-v-2e8f41f3]{height:160px;width:100%;border-radius:8px;overflow:hidden;display:flex;justify-content:center;align-items:center;background-color:transparent}.ad-image[data-v-2e8f41f3]{max-width:100%;max-height:100%;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;border-radius:8px}@media (max-width:375px){[data-v-2e8f41f3] .el-carousel{height:140px!important}.mobile-ad-single[data-v-2e8f41f3]{height:140px}.mobile-ad-container[data-v-2e8f41f3]{margin:6px 6px 12px;width:calc(100% - 12px);margin-top:-6px}}[data-v-2e8f41f3] .el-carousel__indicators{margin-top:4px}[data-v-2e8f41f3] .el-carousel__indicator{padding:6px 2px}[data-v-2e8f41f3] .el-carousel__button{width:16px;height:2px;background-color:rgba(0,0,0,.2)}[data-v-2e8f41f3] .el-carousel__indicator.is-active button{background-color:rgba(0,0,0,.5)}.mobile-search-container[data-v-2e8f41f3]{position:fixed;top:0;left:0;right:0;padding:8px;background-color:var(--bg-header,#fff);z-index:999}.mobile-search-row[data-v-2e8f41f3]{display:flex;gap:8px;padding:0;margin:0}.mobile-header[data-v-2e8f41f3]{display:flex;align-items:center;padding:12px 8px;justify-content:center}.page-title[data-v-2e8f41f3]{font-size:18px;font-weight:600;color:#333;margin:0;text-align:center}@media (max-width:768px){.main-content[data-v-2e8f41f3]{padding-top:110px}.category-section[data-v-2e8f41f3]:first-of-type{margin-top:20px}[data-v-2e8f41f3] .category-dialog{z-index:999!important}.category-toggle-button[data-v-2e8f41f3]{height:35px;padding:0 16px;font-size:13px;border-radius:12px}.search-input[data-v-2e8f41f3]{height:35px;padding:0 40px 0 12px;font-size:13px;border-radius:12px}}.tool-card.top-1[data-v-2e8f41f3],.tool-card.top-2[data-v-2e8f41f3],.tool-card.top-3[data-v-2e8f41f3]{position:relative;transform:translateY(-2px);transition:all .3s ease}.tool-card.top-1[data-v-2e8f41f3]{background:linear-gradient(145deg,#fff,#fff7e6);border:1px solid gold;box-shadow:0 4px 12px rgba(255,215,0,.2)}.tool-card.top-2[data-v-2e8f41f3]{background:linear-gradient(145deg,#fff,#fff9ec);border:1px solid gold;box-shadow:0 4px 12px rgba(255,215,0,.15)}.tool-card.top-3[data-v-2e8f41f3]{background:linear-gradient(145deg,#fff,#fffbf2);border:1px solid gold;box-shadow:0 4px 12px rgba(255,215,0,.1)}.tool-card.top-1[data-v-2e8f41f3]:hover{box-shadow:0 6px 16px rgba(255,215,0,.25);transform:translateY(-4px)}.tool-card.top-2[data-v-2e8f41f3]:hover{box-shadow:0 6px 16px rgba(255,215,0,.2);transform:translateY(-4px)}.tool-card.top-3[data-v-2e8f41f3]:hover{box-shadow:0 6px 16px rgba(255,215,0,.15);transform:translateY(-4px)}.rank-badge[data-v-2e8f41f3]{position:absolute;top:-8px;left:-8px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;z-index:1}.rank-1[data-v-2e8f41f3]{background-color:gold;box-shadow:0 2px 4px rgba(255,215,0,.3)}.rank-2[data-v-2e8f41f3]{background-color:silver;box-shadow:0 2px 4px hsla(0,0%,75%,.3)}.rank-3[data-v-2e8f41f3]{background-color:#cd7f32;box-shadow:0 2px 4px rgba(205,127,50,.3)}.tool-card.top-1[data-v-2e8f41f3]:hover,.tool-card.top-2[data-v-2e8f41f3]:hover,.tool-card.top-3[data-v-2e8f41f3]:hover{transform:translateY(-4px)}@media (max-width:768px){.rank-badge[data-v-2e8f41f3]{width:20px;height:20px;font-size:10px;top:-6px;left:-6px}}.tool-card[data-v-2e8f41f3]:not(.top-1):not(.top-2):not(.top-3):hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px rgba(102,126,234,.15);border-color:rgba(102,126,234,.3);background:linear-gradient(145deg,#fff,#f1f5f9)}@media (max-width:768px){[data-v-2e8f41f3] .category-dialog{margin-top:0!important}[data-v-2e8f41f3] .el-dialog{margin:0 auto!important;position:relative!important}}@media (max-width:375px){[data-v-2e8f41f3] .el-dialog{width:94%!important;margin:8px auto!important}}.ad-image[data-v-2e8f41f3]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:6px}.mobile-ad[data-v-2e8f41f3]{height:80px;overflow:hidden}@media (max-width:375px){.mobile-ad[data-v-2e8f41f3]{height:70px}}@media (max-width:768px){.mobile-search-container .top-containers[data-v-2e8f41f3]{margin-bottom:16px;gap:12px;padding:0 12px;justify-content:center}.mobile-search-container .top-container-item[data-v-2e8f41f3]{flex:0 1 auto;min-width:120px;max-width:160px;height:50px;font-size:13px;border-radius:12px}}@media (max-width:480px){.mobile-search-container .top-containers[data-v-2e8f41f3]{gap:10px;padding:0 8px;justify-content:center}.mobile-search-container .top-container-item[data-v-2e8f41f3]{flex:0 1 auto;min-width:100px;max-width:140px;font-size:12px;height:46px}.category-toggle-button[data-v-2e8f41f3],.search-input[data-v-2e8f41f3]{height:35px;font-size:12px;border-radius:10px}.theme-toggle-button[data-v-2e8f41f3]{width:35px;height:35px;font-size:14px;border-radius:10px}}@media (max-width:375px){.mobile-search-container .top-containers[data-v-2e8f41f3]{gap:8px;padding:0 6px;justify-content:center}.mobile-search-container .top-container-item[data-v-2e8f41f3]{flex:0 1 auto;min-width:90px;max-width:120px;font-size:11px;height:44px}.category-toggle-button[data-v-2e8f41f3],.search-input[data-v-2e8f41f3]{height:35px;font-size:11px;border-radius:10px}.theme-toggle-button[data-v-2e8f41f3]{width:35px;height:35px;font-size:13px;border-radius:10px}}.theme-dialog .el-dialog__body[data-v-2e8f41f3]{padding:24px}.theme-options[data-v-2e8f41f3]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.theme-option[data-v-2e8f41f3]{position:relative;cursor:pointer;border:2px solid #e1e5e9;border-radius:12px;overflow:hidden;transition:all .3s ease;background:#fff}.theme-option[data-v-2e8f41f3]:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.2)}.theme-option.active[data-v-2e8f41f3]{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.2)}.theme-preview[data-v-2e8f41f3]{width:100%;height:80px;background-size:cover;background-position:50%}.preview-default[data-v-2e8f41f3]{background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.preview-dark[data-v-2e8f41f3]{background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}.preview-background[data-v-2e8f41f3]{background:linear-gradient(135deg,rgba(102,126,234,.12),rgba(118,75,162,.12))}.theme-name[data-v-2e8f41f3]{padding:12px;text-align:center;font-weight:600;color:#2c3e50;font-size:14px}.theme-check[data-v-2e8f41f3]{position:absolute;top:8px;right:8px;width:24px;height:24px;background:#667eea;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px}.mobile-search-container[data-v-2e8f41f3],.unified-header[data-v-2e8f41f3]{position:fixed}.unified-logo[data-v-2e8f41f3]{position:absolute;top:14px;left:18px;width:34px;height:34px;-o-object-fit:contain;object-fit:contain;margin:0;z-index:2}.mobile-header-logo[data-v-2e8f41f3]{width:32px;height:32px;-o-object-fit:contain;object-fit:contain;margin:0 0 8px 4px;display:block}.theme-default{--bg-main:#f5f7fa;--bg-primary:var(--bg-main);--bg-secondary:#eef3fb;--bg-hover:rgba(59,130,246,.08);--bg-card:linear-gradient(145deg,#fff,#f8fafc);--bg-header:#fff;--bg-sidebar:#fff;--text-primary:#2c3e50;--text-secondary:#666;--border-color:rgba(102,126,234,.1);--border-strong:rgba(102,126,234,.15);--shadow-card:0 4px 12px rgba(102,126,234,.35),0 2px 6px rgba(118,75,162,.25);--shadow-card-hover:0 6px 18px rgba(102,126,234,.5),0 3px 8px rgba(118,75,162,.4);--shadow-header:0 4px 12px rgba(102,126,234,.25),0 2px 6px rgba(118,75,162,.15);--home-action-bg:linear-gradient(135deg,#3b82f6,#06b6d4);--home-action-color:#fff;--home-action-shadow:0 8px 25px rgba(59,130,246,.3);--home-action-shadow-hover:0 15px 35px rgba(59,130,246,.4);--show-background:none;--radius:12px;--radius-card:20px;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}.theme-default .app-main{background-color:var(--bg-main)}.theme-default .fixed-background{display:none}.theme-dark{--bg-main:#1a1a1a;--bg-primary:var(--bg-main);--bg-secondary:hsla(0,0%,100%,.06);--bg-hover:rgba(102,126,234,.16);--bg-card:linear-gradient(145deg,#2d2d2d,#252525);--bg-header:#1f1f1f;--bg-sidebar:#1f1f1f;--text-primary:#e0e0e0;--text-secondary:#b0b0b0;--border-color:rgba(102,126,234,.3);--border-strong:rgba(102,126,234,.5);--shadow-card:0 4px 12px rgba(0,0,0,.5),0 2px 6px rgba(0,0,0,.3);--shadow-card-hover:0 6px 18px rgba(102,126,234,.4),0 3px 8px rgba(118,75,162,.3);--shadow-header:0 4px 12px rgba(0,0,0,.4),0 2px 6px rgba(0,0,0,.2);--home-action-bg:linear-gradient(135deg,#374151,#111827);--home-action-color:#f9fafb;--home-action-shadow:0 8px 25px rgba(0,0,0,.35);--home-action-shadow-hover:0 15px 35px rgba(102,126,234,.32);--show-background:none;--radius:12px;--radius-card:20px;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}.theme-dark .app-main{background-color:var(--bg-main);color:var(--text-primary)}.theme-dark .fixed-background{display:none}.theme-dark .app-sidebar{border-right-color:hsla(0,0%,100%,.1);color:var(--text-primary)}.theme-dark .app-sidebar,.theme-dark .logo-container{background-color:var(--bg-sidebar)}.theme-dark .el-menu,.theme-dark .menu{background-color:var(--bg-sidebar)!important;border-right:none!important}.theme-dark .app-sidebar .el-menu-item,.theme-dark .app-sidebar .menu-item,.theme-dark .el-menu-item,.theme-dark .menu-item{color:var(--text-primary)!important;background-color:transparent!important}.theme-dark .app-sidebar .el-menu-item:hover,.theme-dark .app-sidebar .menu-item:hover,.theme-dark .el-menu-item:hover,.theme-dark .menu-item:hover{background-color:rgba(102,126,234,.15)!important;color:#667eea!important}.theme-dark .app-sidebar .el-menu-item.is-active,.theme-dark .app-sidebar .menu-item.is-active,.theme-dark .el-menu-item.is-active,.theme-dark .menu-item.is-active{background-color:rgba(102,126,234,.25)!important;color:#667eea!important}.theme-dark .app-sidebar .el-menu-item span,.theme-dark .app-sidebar .menu-item span{color:inherit!important}.theme-dark .menu-icon{color:var(--text-primary)}.theme-dark .el-menu-item:hover .menu-icon,.theme-dark .menu-item:hover .menu-icon{color:#667eea}.theme-dark .menu::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.2)}.theme-dark .menu::-webkit-scrollbar-track{background:rgba(0,0,0,.1)}.theme-dark .unified-header{background-color:var(--bg-header);color:var(--text-primary)}.theme-dark .tool-card.top-1{background:linear-gradient(145deg,#3d2d1a,#5a4020)!important;border:1px solid gold!important;box-shadow:0 4px 12px rgba(255,215,0,.3),0 2px 6px rgba(0,0,0,.5)!important;color:gold!important}.theme-dark .tool-card.top-1:hover{box-shadow:0 6px 16px rgba(255,215,0,.4),0 3px 8px rgba(0,0,0,.6)!important}.theme-dark .tool-card.top-2{background:linear-gradient(145deg,#2d2d2d,#3a3a3a)!important;border:1px solid silver!important;box-shadow:0 4px 12px hsla(0,0%,75%,.25),0 2px 6px rgba(0,0,0,.5)!important;color:silver!important}.theme-dark .tool-card.top-2:hover{box-shadow:0 6px 16px hsla(0,0%,75%,.35),0 3px 8px rgba(0,0,0,.6)!important}.theme-dark .tool-card.top-3{background:linear-gradient(145deg,#2a1f15,#3d2a1a)!important;border:1px solid #cd7f32!important;box-shadow:0 4px 12px rgba(205,127,50,.25),0 2px 6px rgba(0,0,0,.5)!important;color:#cd7f32!important}.theme-dark .tool-card.top-3:hover{box-shadow:0 6px 16px rgba(205,127,50,.35),0 3px 8px rgba(0,0,0,.6)!important}.theme-dark .tool-card.top-1 .tool-description,.theme-dark .tool-card.top-1 .tool-name{color:gold!important}.theme-dark .tool-card.top-2 .tool-description,.theme-dark .tool-card.top-2 .tool-name{color:silver!important}.theme-dark .tool-card.top-3 .tool-description,.theme-dark .tool-card.top-3 .tool-name{color:#cd7f32!important}.theme-dark .work-card{background:linear-gradient(145deg,#2d2d2d,#252525)!important;border-color:rgba(102,126,234,.4)!important}.theme-dark .work-card,.theme-dark .work-card .work-content,.theme-dark .work-card .work-info,.theme-dark .work-card .work-title{color:var(--text-primary)!important}.theme-dark .work-card .work-description{color:var(--text-secondary)!important}.theme-dark .info-section{background:linear-gradient(135deg,#1f1f1f,#252525)!important;border-bottom-color:hsla(0,0%,100%,.1)!important}.theme-dark .disclaimer-text p{color:var(--text-secondary)!important}.theme-dark .student-works-page{background-color:var(--bg-main)!important}.theme-dark .modern-works-container{background-color:transparent!important}.theme-dark .filter-select{border-color:var(--border-strong)!important}.theme-dark .filter-select,.theme-dark .filter-select option{background-color:var(--bg-card)!important;color:var(--text-primary)!important}.theme-dark .game-navbar{background:linear-gradient(135deg,#1a1a1a,#2d2d2d)!important;box-shadow:0 2px 10px rgba(0,0,0,.5)!important}.theme-dark .work-wrapper{background-color:var(--bg-main)!important}.theme-dark .back-btn,.theme-dark .home-btn,.theme-dark .logout-btn,.theme-dark .student-center-btn,.theme-dark .student-login-btn{background:rgba(102,126,234,.3)!important;border:1px solid rgba(102,126,234,.5)!important;color:#fff!important;box-shadow:0 2px 8px rgba(102,126,234,.3)!important}.theme-dark .back-btn:hover,.theme-dark .home-btn:hover,.theme-dark .logout-btn:hover,.theme-dark .student-center-btn:hover,.theme-dark .student-login-btn:hover{background:rgba(102,126,234,.5)!important;border-color:rgba(102,126,234,.7)!important;box-shadow:0 4px 12px rgba(102,126,234,.4)!important}.theme-dark .share-btn{background:var(--bg-card)!important;border-color:var(--border-strong)!important;color:var(--text-primary)!important}.theme-dark .share-btn:hover{background:rgba(102,126,234,.2)!important;border-color:rgba(102,126,234,.5)!important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.3)!important}.theme-dark .fullscreen-btn,.theme-dark .share-btn span{color:var(--text-primary)!important}.theme-dark .fullscreen-btn{background:var(--bg-card)!important;border-color:var(--border-strong)!important}.theme-dark .fullscreen-btn:hover{background:rgba(102,126,234,.2)!important;border-color:rgba(102,126,234,.5)!important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.3)!important}.theme-dark .back-link{background:rgba(102,126,234,.2)!important;border:1px solid rgba(102,126,234,.4)!important;color:#667eea!important;box-shadow:0 2px 8px rgba(102,126,234,.2)!important}.theme-dark .back-link:hover{background:rgba(102,126,234,.3)!important;border-color:rgba(102,126,234,.6)!important;box-shadow:0 4px 12px rgba(102,126,234,.3)!important}.theme-dark .mobile-drawer{--el-drawer-bg-color:var(--bg-sidebar)!important}.theme-dark .drawer-content{background-color:var(--bg-sidebar)!important;color:var(--text-primary)!important}.theme-dark .drawer-header{border-bottom-color:hsla(0,0%,100%,.1)!important}.theme-dark .drawer-header,.theme-dark .drawer-menu{background-color:var(--bg-sidebar)!important}.theme-dark .drawer-menu .nav-item{color:var(--text-primary)!important;background-color:transparent!important}.theme-dark .drawer-menu .nav-item:hover{background-color:rgba(102,126,234,.15)!important;color:#667eea!important}.theme-dark .drawer-menu .nav-icon,.theme-dark .drawer-menu .nav-item span{color:var(--text-primary)!important}.theme-dark .drawer-menu .nav-item:hover .nav-icon{color:#667eea!important}.theme-dark .header{background-color:var(--bg-header)!important;color:var(--text-primary)!important}.theme-dark .header-top{background-color:var(--bg-header)!important;border-bottom-color:hsla(0,0%,100%,.1)!important}.theme-dark .menu-toggle,.theme-dark .menu-toggle .menu-icon{color:var(--text-primary)!important}.theme-dark .mobile-search-container{background-color:var(--bg-header)!important}.theme-dark .sort-dropdown{background-color:var(--bg-secondary)!important;border-color:var(--border-color)!important}.theme-dark .sort-dropdown i,.theme-dark .sort-dropdown select{color:var(--text-primary)!important}.theme-dark .sort-dropdown select option{background-color:var(--bg-card)!important;color:var(--text-primary)!important}.theme-dark .back-link,.theme-dark .btn-danger,.theme-dark .btn-info,.theme-dark .btn-primary,.theme-dark .btn-secondary,.theme-dark .btn-success,.theme-dark .btn-warning,.theme-dark .new-submission-btn{border:2px solid transparent!important;font-weight:600!important}.theme-dark .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;box-shadow:0 4px 12px rgba(102,126,234,.4)!important}.theme-dark .btn-primary:hover{box-shadow:0 6px 16px rgba(102,126,234,.6)!important;transform:translateY(-2px)}.theme-dark .btn-secondary{background:var(--bg-card)!important;color:var(--text-primary)!important;border-color:var(--border-strong)!important}.theme-dark .btn-secondary:hover{background:rgba(102,126,234,.2)!important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.3)!important}.theme-dark .btn-info{background:linear-gradient(135deg,#17a2b8,#138496)!important;color:#fff!important;box-shadow:0 4px 12px rgba(23,162,184,.4)!important}.theme-dark .btn-info:hover{box-shadow:0 6px 16px rgba(23,162,184,.6)!important;transform:translateY(-2px)}.theme-dark .btn-success{background:linear-gradient(135deg,#28a745,#218838)!important;color:#fff!important;box-shadow:0 4px 12px rgba(40,167,69,.4)!important}.theme-dark .btn-success:hover{box-shadow:0 6px 16px rgba(40,167,69,.6)!important;transform:translateY(-2px)}.theme-dark .btn-warning{background:linear-gradient(135deg,#f59e0b,#f97316)!important;color:#fff!important;box-shadow:0 4px 12px rgba(245,158,11,.4)!important}.theme-dark .btn-warning:hover{box-shadow:0 6px 16px rgba(245,158,11,.6)!important;transform:translateY(-2px)}.theme-dark .btn-danger{background:linear-gradient(135deg,#f87171,#ef4444)!important;color:#fff!important;box-shadow:0 4px 12px hsla(0,91%,71%,.4)!important}.theme-dark .btn-danger:hover{box-shadow:0 6px 16px hsla(0,91%,71%,.6)!important;transform:translateY(-2px)}.theme-dark .submission-card{background:var(--bg-card)!important;border-color:var(--border-color)!important}.theme-dark .submission-card,.theme-dark .submission-card .submission-description,.theme-dark .submission-card .submission-info,.theme-dark .submission-card .submission-title,.theme-dark .upload-form,.theme-dark .upload-form label{color:var(--text-primary)!important}.theme-dark .upload-form .field-desc{color:var(--text-secondary)!important}.theme-dark .upload-form .field-desc.warning-desc{color:#fbbf24!important;background:rgba(251,191,36,.15)!important;border-left-color:#fbbf24!important}.theme-dark .upload-form .field-desc.warning-desc i{color:#fbbf24!important}.theme-dark .upload-form input,.theme-dark .upload-form select,.theme-dark .upload-form textarea{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.theme-dark .upload-form input::-moz-placeholder,.theme-dark .upload-form textarea::-moz-placeholder{color:var(--text-secondary)!important}.theme-dark .upload-form input::placeholder,.theme-dark .upload-form textarea::placeholder{color:var(--text-secondary)!important}.theme-dark .upload-form select option{background:var(--bg-card)!important;color:var(--text-primary)!important}.theme-dark .upload-form .radio-label{color:var(--text-primary)!important}.theme-dark .upload-form .form-hint{color:var(--text-secondary)!important}.theme-dark .upload-form .upload-instructions{background:rgba(102,126,234,.1)!important;border-color:var(--border-color)!important}.theme-dark .upload-form .upload-instructions .instruction-item,.theme-dark .upload-form .upload-instructions .instruction-item strong{color:var(--text-primary)!important}.theme-dark .upload-form .upload-instructions .upload-limit{color:var(--text-secondary)!important}.theme-dark .upload-form .upload-instructions .upload-limit strong{color:var(--text-primary)!important}.theme-dark .upload-form .file-item,.theme-dark .upload-form .file-list{background:var(--bg-card)!important;border-color:var(--border-color)!important}.theme-dark .upload-form .file-path{color:var(--text-primary)!important}.theme-dark .upload-form .file-size,.theme-dark .upload-form .file-summary{color:var(--text-secondary)!important}.theme-dark .upload-form .btn-outline{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.theme-dark .upload-form .btn-outline:hover{border-color:rgba(102,126,234,.5)!important;color:#667eea!important;background:rgba(102,126,234,.1)!important}.theme-dark .confirm-dialog-content,.theme-dark .confirm-title{color:var(--text-primary)!important}.theme-dark .confirm-label{color:var(--text-secondary)!important}.theme-dark .confirm-info,.theme-dark .confirm-value{color:var(--text-primary)!important}.theme-dark .confirm-info{background:var(--bg-card)!important;border-color:var(--border-color)!important}.theme-dark .confirm-item{border-bottom-color:var(--border-color)!important}.theme-dark .empty-state{color:var(--text-secondary)!important}.theme-dark .pagination button{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.theme-dark .pagination button:hover:not(:disabled){background:rgba(102,126,234,.1)!important;border-color:rgba(102,126,234,.3)!important}.theme-dark .upload-form .instruction-item{background:var(--bg-card)!important;border-color:var(--border-color)!important}.theme-dark .upload-form .instruction-item i{color:#60a5fa!important}.theme-dark .upload-form .thumbnail-preview{background:rgba(102,126,234,.1)!important;border-color:var(--border-color)!important}.theme-dark .upload-form .file-remove{color:#f87171!important}.theme-dark .upload-form .file-remove:hover{color:#ef4444!important}.theme-dark .upload-form .form-label-large{color:var(--text-primary)!important}.theme-dark .field-desc-list{color:var(--text-secondary)!important}.theme-dark .field-desc-hint{color:#fbbf24!important;background:rgba(251,191,36,.15)!important;border-left-color:#fbbf24!important}.theme-dark .upload-note{background:rgba(251,191,36,.1)!important;border-color:var(--border-color)!important;color:var(--text-secondary)!important}.theme-dark .empty-card{background:var(--bg-card)!important;border-color:var(--border-color)!important}.theme-dark .empty-card-content i{color:var(--text-secondary)!important}.theme-dark .empty-card-text{color:var(--text-primary)!important}.theme-dark .empty-card-hint{color:var(--text-secondary)!important}.theme-dark .submission-card:hover{border-color:rgba(102,126,234,.5)!important;box-shadow:0 8px 16px rgba(0,0,0,.3)!important}.theme-dark .empty-card:hover{border-color:rgba(102,126,234,.5)!important;background:rgba(102,126,234,.1)!important;box-shadow:0 8px 16px rgba(102,126,234,.3)!important}.theme-dark .intro-section{border-bottom-color:var(--border-color)!important}.theme-dark .intro-section h3{color:var(--text-primary)!important}.theme-dark .intro-list{color:var(--text-secondary)!important}.theme-dark .intro-highlight{color:#f87171!important;background:hsla(0,91%,71%,.15)!important;border-left-color:#f87171!important}.theme-dark .intro-text{color:var(--text-secondary)!important}.theme-dark .intro-note{background:rgba(59,130,246,.1)!important;border-left-color:#60a5fa!important;color:#93c5fd!important}.theme-dark .work-wrapper .work-title{color:var(--text-primary)!important}.theme-dark .work-wrapper .meta{color:var(--text-secondary)!important}.theme-dark .work-wrapper .info-bar{background:var(--bg-card)!important;border-bottom-color:var(--border-color)!important}.theme-dark .work-wrapper .description-box,.theme-dark .work-wrapper .description-mobile{background:var(--bg-card)!important;border-color:var(--border-color)!important}.theme-dark .work-wrapper .description-title{color:var(--text-primary)!important}.theme-dark .work-wrapper .description-content,.theme-dark .work-wrapper .description-mobile-content{color:var(--text-secondary)!important}.theme-dark .work-wrapper .fullscreen-btn,.theme-dark .work-wrapper .share-btn{background:var(--bg-card)!important;border-color:var(--border-strong)!important;color:var(--text-primary)!important}.theme-dark .work-wrapper .fullscreen-btn:hover,.theme-dark .work-wrapper .share-btn:hover{background:rgba(102,126,234,.2)!important;border-color:rgba(102,126,234,.5)!important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.3)!important}.theme-dark .work-wrapper .like{background:linear-gradient(180deg,rgba(190,18,60,.2),rgba(190,18,60,.15))!important;border-color:rgba(190,18,60,.4)!important;color:#ff6b9d!important}.theme-dark .work-wrapper .like:hover{background:linear-gradient(180deg,rgba(190,18,60,.3),rgba(190,18,60,.2))!important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(190,18,60,.3)!important}.theme-dark .work-wrapper .like.active{background:linear-gradient(180deg,rgba(190,18,60,.3),rgba(190,18,60,.25))!important}.theme-dark .work-wrapper .views{color:var(--text-secondary)!important}.theme-dark .work-wrapper .open-new{color:#60a5fa!important}.theme-dark .work-wrapper .open-new:hover{color:#93c5fd!important;text-decoration:underline}.theme-dark.dark{--el-bg-color:var(--bg-card);--el-bg-color-page:var(--bg-main);--el-text-color-primary:var(--text-primary);--el-text-color-regular:var(--text-secondary);--el-text-color-placeholder:var(--text-secondary);--el-border-color:var(--border-color);--el-border-color-light:var(--border-color);--el-border-color-lighter:var(--border-color);--el-border-color-extra-light:var(--border-color);--el-fill-color:var(--bg-card);--el-fill-color-light:var(--bg-card);--el-fill-color-lighter:var(--bg-card);--el-fill-color-extra-light:var(--bg-card);--el-fill-color-dark:var(--bg-card);--el-fill-color-darker:var(--bg-card);--el-fill-color-blank:var(--bg-card)}.theme-dark .student-submission-detail{background-color:var(--bg-main)!important}.theme-dark .student-submission-detail .page-header h1{color:var(--text-primary)!important}.theme-dark .student-submission-detail .info-card{background:var(--bg-card)!important;border-color:var(--border-color)!important}.theme-dark .student-submission-detail .info-card h3{color:var(--text-primary)!important}.theme-dark .student-submission-detail .form-row label{color:var(--text-secondary)!important}.theme-dark .student-submission-detail .form-row input,.theme-dark .student-submission-detail .form-row select,.theme-dark .student-submission-detail .form-row textarea{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.theme-dark .student-submission-detail .meta-list,.theme-dark .student-submission-detail .meta-list .label{color:var(--text-secondary)!important}.theme-dark .student-submission-detail .group-title{color:var(--text-primary)!important}.theme-dark .student-submission-detail .group-list{background:var(--bg-card)!important;border-color:var(--border-color)!important}.theme-dark .student-submission-detail .file-path{color:var(--text-primary)!important}.theme-dark .student-submission-detail .file-size{color:var(--text-secondary)!important}.theme-dark .student-submission-detail .log-meta{color:var(--text-primary)!important}.theme-dark .student-submission-detail .empty-hint,.theme-dark .student-submission-detail .log-detail,.theme-dark .student-submission-detail .log-time{color:var(--text-secondary)!important}.theme-dark .student-submission-detail .file-list{background:var(--bg-card)!important;border-color:var(--border-color)!important}.theme-dark .student-submission-detail .file-summary,.theme-dark .student-submission-detail .form-hint,.theme-dark .student-submission-detail .hint,.theme-dark .student-submission-detail .loading-state,.theme-dark .student-submission-detail .thumb-hint{color:var(--text-secondary)!important}.theme-dark .student-submission-detail .btn-outline{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.theme-dark .student-submission-detail .btn-outline:hover{border-color:rgba(102,126,234,.5)!important;color:#667eea!important;background:rgba(102,126,234,.1)!important}.theme-background{--bg-main:transparent;--bg-card:linear-gradient(145deg,#fff,#f8fafc);--bg-header:hsla(0,0%,100%,.95);--bg-sidebar:hsla(0,0%,100%,.95);--text-primary:#2c3e50;--text-secondary:#666;--border-color:rgba(102,126,234,.1);--border-strong:rgba(102,126,234,.15);--shadow-card:0 4px 12px rgba(102,126,234,.35),0 2px 6px rgba(118,75,162,.25);--shadow-card-hover:0 6px 18px rgba(102,126,234,.5),0 3px 8px rgba(118,75,162,.4);--shadow-header:0 4px 12px rgba(102,126,234,.25),0 2px 6px rgba(118,75,162,.15);--home-action-bg:linear-gradient(135deg,#667eea,#764ba2);--home-action-color:#fff;--home-action-shadow:0 8px 25px rgba(102,126,234,.3);--home-action-shadow-hover:0 15px 35px rgba(102,126,234,.4);--show-background:block;--radius:12px;--radius-card:20px;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}.theme-background .app-main{background-color:transparent}.theme-background .fixed-background{display:block}.theme-background .app-sidebar{background-color:var(--bg-sidebar);backdrop-filter:blur(10px)}.theme-background .unified-header{background-color:var(--bg-header);backdrop-filter:blur(10px)}.theme-aurora{--bg-main:transparent;--bg-primary:var(--bg-main);--bg-secondary:hsla(0,0%,100%,.38);--bg-hover:rgba(99,102,241,.12);--bg-card:hsla(0,0%,100%,.55);--bg-header:hsla(0,0%,100%,.55);--bg-sidebar:hsla(0,0%,100%,.55);--text-primary:#1f2a4a;--text-secondary:#5a6685;--border-color:hsla(0,0%,100%,.6);--border-strong:rgba(120,140,220,.35);--shadow-card:0 8px 24px rgba(99,102,241,.18),0 2px 8px rgba(168,85,247,.12);--shadow-card-hover:0 14px 32px rgba(99,102,241,.32),0 4px 12px rgba(236,72,153,.22);--shadow-header:0 6px 18px rgba(99,102,241,.18);--home-action-bg:linear-gradient(135deg,#6366f1,#ec4899);--home-action-color:#fff;--home-action-shadow:0 8px 25px rgba(99,102,241,.24);--home-action-shadow-hover:0 15px 35px rgba(236,72,153,.28);--show-background:none;--radius:14px;--radius-card:22px;--font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",-apple-system,BlinkMacSystemFont,sans-serif}.theme-aurora #app,.theme-aurora body{background:radial-gradient(circle at 12% 18%,rgba(168,199,255,.85),transparent 45%),radial-gradient(circle at 88% 22%,rgba(255,182,217,.75),transparent 50%),radial-gradient(circle at 78% 88%,rgba(187,222,251,.85),transparent 55%),radial-gradient(circle at 18% 80%,rgba(216,195,255,.8),transparent 55%),linear-gradient(135deg,#eef2ff,#fdf2f8 50%,#ecfeff);background-attachment:fixed}.theme-aurora .fixed-background{display:none}.theme-aurora .app-main{background-color:transparent;color:var(--text-primary)}.theme-aurora .app-sidebar{background:hsla(0,0%,100%,.45);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border-right:1px solid hsla(0,0%,100%,.6);box-shadow:4px 0 24px rgba(99,102,241,.08)}.theme-aurora .logo-container{background:transparent}.theme-aurora .el-menu,.theme-aurora .menu{background-color:transparent!important;border-right:none!important}.theme-aurora .app-sidebar .el-menu-item,.theme-aurora .app-sidebar .el-sub-menu__title{color:var(--text-primary)!important;background-color:transparent!important}.theme-aurora .app-sidebar .el-menu-item:hover,.theme-aurora .app-sidebar .el-sub-menu__title:hover{background:linear-gradient(135deg,rgba(167,139,250,.18),rgba(244,114,182,.15))!important;color:#6d28d9!important}.theme-aurora .app-sidebar .el-menu-item.is-spy-active{background:linear-gradient(135deg,rgba(99,102,241,.22),rgba(236,72,153,.18))!important;color:#4f46e5!important}.theme-aurora .el-sub-menu.is-spy-active-parent>.el-sub-menu__title{color:#4f46e5!important}.theme-aurora .unified-header{background:hsla(0,0%,100%,.7)!important;backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);border-bottom:1px solid hsla(0,0%,100%,.7);box-shadow:0 4px 18px rgba(99,102,241,.1)}.theme-aurora .category-header,.theme-aurora .category-section-top{color:var(--text-primary)}.theme-aurora .category-header h2{background:linear-gradient(135deg,#6366f1,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.theme-aurora .subcategory-tab{background:hsla(0,0%,100%,.55);backdrop-filter:blur(6px);border:1px solid hsla(0,0%,100%,.7);color:var(--text-primary);border-radius:999px;transition:all .25s ease}.theme-aurora .subcategory-tab:hover{background:linear-gradient(135deg,rgba(167,139,250,.22),rgba(244,114,182,.18))}.theme-aurora .subcategory-tab.active{background:linear-gradient(135deg,#6366f1,#ec4899);color:#fff;border-color:transparent}.theme-aurora .subcategory-title{color:var(--text-primary);border-left:4px solid;-o-border-image:linear-gradient(180deg,#6366f1,#ec4899) 1;border-image:linear-gradient(180deg,#6366f1,#ec4899) 1;padding-left:10px}.theme-aurora .tool-card{background:hsla(0,0%,100%,.55)!important;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border:1px solid hsla(0,0%,100%,.7);border-radius:var(--radius-card);box-shadow:var(--shadow-card);transition:transform .3s ease,box-shadow .3s ease,background .3s ease}.theme-aurora .tool-card:hover{transform:translateY(-4px);background:hsla(0,0%,100%,.75)!important;box-shadow:var(--shadow-card-hover)}.theme-aurora .tool-card.top-1{box-shadow:0 10px 28px rgba(251,191,36,.35)}.theme-aurora .tool-card.top-2{box-shadow:0 10px 28px rgba(148,163,184,.4)}.theme-aurora .tool-card.top-3{box-shadow:0 10px 28px rgba(217,119,6,.35)}.theme-aurora .tool-name{color:var(--text-primary)}.theme-aurora .footer,.theme-aurora .tool-description{color:var(--text-secondary)}.preview-aurora{background:radial-gradient(circle at 20% 25%,rgba(167,199,255,.9),transparent 55%),radial-gradient(circle at 80% 30%,rgba(255,182,217,.85),transparent 55%),radial-gradient(circle at 70% 80%,rgba(187,222,251,.9),transparent 55%),linear-gradient(135deg,#eef2ff,#fdf2f8);border:1px solid hsla(0,0%,100%,.8)}.theme-quantum{--bg-main:#04080f;--bg-card:linear-gradient(145deg,rgba(9,18,32,.88),rgba(3,10,18,.94));--bg-header:rgba(4,10,18,.82);--bg-sidebar:rgba(3,8,15,.9);--text-primary:#e6fbff;--text-secondary:#8fb6c8;--border-color:rgba(66,239,255,.18);--border-strong:rgba(89,255,218,.34);--shadow-card:0 18px 46px rgba(0,0,0,.34),0 0 0 1px rgba(66,239,255,.1);--shadow-card-hover:0 24px 60px rgba(0,0,0,.42),0 0 28px rgba(39,224,255,.2);--shadow-header:0 10px 34px rgba(0,0,0,.42),0 1px 0 rgba(66,239,255,.18);--home-action-bg:linear-gradient(135deg,#00e5ff,#2af598 58%,#d7ff5f);--home-action-color:#031018;--home-action-shadow:0 10px 30px rgba(0,229,255,.22),0 0 0 1px rgba(215,255,95,.24) inset;--home-action-shadow-hover:0 18px 46px rgba(42,245,152,.28),0 0 34px rgba(0,229,255,.22);--show-background:none;--radius:10px;--radius-card:14px;--font-family:"DIN Alternate","Bahnschrift","Microsoft YaHei UI","PingFang SC",system-ui,sans-serif}.theme-quantum #app,.theme-quantum body{background:linear-gradient(120deg,rgba(0,229,255,.08) 0 1px,transparent 1px 92px),linear-gradient(30deg,rgba(42,245,152,.06) 0 1px,transparent 1px 120px),radial-gradient(circle at 12% 8%,rgba(0,229,255,.22),transparent 32%),radial-gradient(circle at 90% 16%,rgba(215,255,95,.16),transparent 30%),radial-gradient(circle at 72% 88%,rgba(74,144,255,.18),transparent 36%),#04080f;background-attachment:fixed}.theme-quantum .fixed-background{display:none}.theme-quantum .app-main{background:linear-gradient(rgba(66,239,255,.035) 1px,transparent 0),linear-gradient(90deg,rgba(66,239,255,.035) 1px,transparent 0);background-size:48px 48px;color:var(--text-primary)}.theme-quantum .mobile-search-container,.theme-quantum .unified-header{background:linear-gradient(180deg,rgba(4,10,18,.94),rgba(4,10,18,.72))!important;border-bottom:1px solid rgba(66,239,255,.18);box-shadow:var(--shadow-header);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%)}.theme-quantum .app-sidebar{background:linear-gradient(180deg,rgba(3,8,15,.96),rgba(5,16,26,.9));border-right:1px solid rgba(66,239,255,.16);box-shadow:10px 0 42px rgba(0,0,0,.34)}.theme-quantum .el-menu,.theme-quantum .logo-container,.theme-quantum .menu{background:transparent!important;border-right:none!important}.theme-quantum .app-sidebar .el-menu-item,.theme-quantum .app-sidebar .el-sub-menu__title,.theme-quantum .menu-item,.theme-quantum .nav-item{color:var(--text-primary)!important;background:transparent!important}.theme-quantum .app-sidebar .el-menu-item:hover,.theme-quantum .app-sidebar .el-sub-menu__title:hover,.theme-quantum .menu-item:hover,.theme-quantum .nav-item:hover{background:linear-gradient(90deg,rgba(0,229,255,.14),rgba(42,245,152,.08))!important;color:#2af598!important}.theme-quantum .category-item,.theme-quantum .el-dialog,.theme-quantum .theme-option,.theme-quantum .tool-card{background:var(--bg-card)!important;border:1px solid rgba(66,239,255,.18)!important;box-shadow:var(--shadow-card)!important;color:var(--text-primary)!important;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%)}.theme-quantum .tool-card{border-radius:var(--radius-card)}.theme-quantum .tool-card:before{background:linear-gradient(120deg,transparent,rgba(42,245,152,.18),transparent)!important}.theme-quantum .tool-card:hover{border-color:rgba(42,245,152,.42)!important;box-shadow:var(--shadow-card-hover)!important}.theme-quantum .tool-card.top-1,.theme-quantum .tool-card.top-2,.theme-quantum .tool-card.top-3{background:linear-gradient(145deg,rgba(10,24,38,.95),rgba(4,12,20,.96))!important;border-color:rgba(215,255,95,.36)!important}.theme-quantum .category-header h2,.theme-quantum .theme-name,.theme-quantum .tool-name{color:var(--text-primary)!important}.theme-quantum .footer,.theme-quantum .small-note,.theme-quantum .tool-description{color:var(--text-secondary)!important}.theme-quantum .category-header:hover h2,.theme-quantum .tool-card:hover .tool-name{color:#2af598!important}.theme-quantum .tool-card:hover .tool-description{color:#b9e9f3!important}.theme-quantum .tool-icon{filter:drop-shadow(0 0 10px rgba(0,229,255,.22))}.theme-quantum .category-header,.theme-quantum .subcategory-tab{background:rgba(3,12,22,.74)!important;border:1px solid rgba(66,239,255,.2)!important;color:var(--text-primary)!important;box-shadow:0 10px 26px rgba(0,0,0,.24)}.theme-quantum .subcategory-tab.active,.theme-quantum .subcategory-tab:hover{background:linear-gradient(135deg,rgba(0,229,255,.22),rgba(42,245,152,.2))!important;color:#eafff6!important;border-color:rgba(42,245,152,.42)!important}.theme-quantum .subcategory-title{color:#9ff8ff;border-left:4px solid #2af598;padding-left:10px;text-shadow:0 0 18px rgba(0,229,255,.22)}.theme-quantum .el-input__inner,.theme-quantum .el-textarea__inner,.theme-quantum .search-input,.theme-quantum input,.theme-quantum select,.theme-quantum textarea{background:rgba(2,8,15,.84)!important;border-color:rgba(66,239,255,.22)!important;color:var(--text-primary)!important;box-shadow:inset 0 0 0 1px rgba(42,245,152,.05)}.theme-quantum .search-input:focus,.theme-quantum input:focus,.theme-quantum select:focus,.theme-quantum textarea:focus{border-color:rgba(42,245,152,.58)!important;box-shadow:0 0 0 3px rgba(42,245,152,.12),0 12px 32px rgba(0,229,255,.16)!important}.theme-quantum .category-icon,.theme-quantum .menu-icon,.theme-quantum .nav-icon,.theme-quantum .search-icon{color:#2af598!important}.theme-quantum .category-toggle-button,.theme-quantum .top-container-item{border:1px solid rgba(215,255,95,.26);text-transform:uppercase;letter-spacing:.4px}.theme-quantum .el-dialog__title,.theme-quantum .theme-dialog .el-dialog__header{color:var(--text-primary)!important}.theme-quantum .theme-check{background:linear-gradient(135deg,#00e5ff,#2af598)!important;color:#031018!important}.preview-quantum{position:relative;overflow:hidden;background:linear-gradient(rgba(66,239,255,.14) 1px,transparent 0),linear-gradient(90deg,rgba(66,239,255,.14) 1px,transparent 0),radial-gradient(circle at 20% 20%,rgba(0,229,255,.7),transparent 36%),radial-gradient(circle at 82% 72%,rgba(42,245,152,.65),transparent 38%),linear-gradient(135deg,#04080f,#0b1b2c);background-size:18px 18px,18px 18px,100% 100%,100% 100%,100% 100%}.preview-quantum:after{content:"";position:absolute;inset:12px;border:1px solid rgba(215,255,95,.6);box-shadow:0 0 18px rgba(42,245,152,.45)}.theme-matrixrain{--bg-main:transparent;--bg-primary:var(--bg-main);--bg-secondary:rgba(42,245,152,.06);--bg-hover:rgba(42,245,152,.12);--bg-card:linear-gradient(145deg,rgba(4,13,23,.72),rgba(0,6,14,.84));--bg-header:rgba(2,8,15,.72);--bg-sidebar:rgba(1,7,13,.76);--text-primary:#ecffff;--text-secondary:#9fd6d3;--border-color:rgba(66,255,213,.18);--border-strong:rgba(145,255,105,.36);--shadow-card:0 20px 52px rgba(0,0,0,.42),0 0 0 1px rgba(0,229,255,.12),0 0 34px rgba(42,245,152,.08);--shadow-card-hover:0 28px 72px rgba(0,0,0,.52),0 0 42px rgba(42,245,152,.22),0 0 0 1px rgba(215,255,95,.24);--shadow-header:0 14px 44px rgba(0,0,0,.5),0 1px 0 rgba(145,255,105,.2);--home-action-bg:linear-gradient(135deg,#00f5ff,#2af598 48%,#d7ff5f);--home-action-color:#021015;--home-action-shadow:0 12px 34px rgba(0,245,255,.24),0 0 0 1px rgba(215,255,95,.28) inset;--home-action-shadow-hover:0 18px 50px rgba(42,245,152,.32),0 0 38px rgba(0,245,255,.24);--show-background:none;--radius:8px;--radius-card:12px;--font-family:"Cascadia Code","JetBrains Mono","DIN Alternate","Microsoft YaHei UI",monospace}.theme-matrixrain #app,.theme-matrixrain body{background:#02070e}.theme-matrixrain .fixed-background{display:none}.theme-matrixrain .app-main{background:linear-gradient(rgba(0,245,255,.032) 1px,transparent 0),linear-gradient(90deg,rgba(42,245,152,.028) 1px,transparent 0);background-size:44px 44px;color:var(--text-primary)}.theme-matrixrain .mobile-search-container,.theme-matrixrain .unified-header{background:linear-gradient(180deg,rgba(0,6,14,.9),rgba(1,10,18,.62))!important;border-bottom:1px solid rgba(42,245,152,.22);box-shadow:var(--shadow-header),0 0 60px rgba(0,229,255,.08);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%)}.theme-matrixrain .app-sidebar{background:linear-gradient(180deg,rgba(1,7,13,.92),rgba(2,15,24,.82));border-right:1px solid rgba(42,245,152,.2);box-shadow:16px 0 54px rgba(0,0,0,.42),inset -1px 0 rgba(0,245,255,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.theme-matrixrain .el-menu,.theme-matrixrain .logo-container,.theme-matrixrain .menu{background:transparent!important;border-right:none!important}.theme-matrixrain .category-header,.theme-matrixrain .category-item,.theme-matrixrain .category-sidebar,.theme-matrixrain .course-card,.theme-matrixrain .el-dialog,.theme-matrixrain .theme-option,.theme-matrixrain .tool-card,.theme-matrixrain .work-card{background:var(--bg-card)!important;border:1px solid rgba(66,255,213,.2)!important;box-shadow:var(--shadow-card)!important;color:var(--text-primary)!important;backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%)}.theme-matrixrain .course-card:hover,.theme-matrixrain .tool-card:hover,.theme-matrixrain .work-card:hover{border-color:rgba(215,255,95,.38)!important;box-shadow:var(--shadow-card-hover)!important}.theme-matrixrain .course-card:before,.theme-matrixrain .tool-card:before,.theme-matrixrain .work-card:before{background:linear-gradient(90deg,transparent,rgba(215,255,95,.18),rgba(0,245,255,.16),transparent)!important}.theme-matrixrain .category-toggle-button,.theme-matrixrain .student-center-btn,.theme-matrixrain .student-login-btn,.theme-matrixrain .theme-toggle-button,.theme-matrixrain .top-container-item{border:1px solid rgba(215,255,95,.28)!important;box-shadow:var(--home-action-shadow)!important;text-shadow:0 0 16px hsla(0,0%,100%,.28);letter-spacing:.4px}.theme-matrixrain .el-input__inner,.theme-matrixrain .el-textarea__inner,.theme-matrixrain .search-input,.theme-matrixrain input,.theme-matrixrain select,.theme-matrixrain textarea{background:rgba(0,7,14,.82)!important;border-color:rgba(66,255,213,.24)!important;color:var(--text-primary)!important;box-shadow:inset 0 0 0 1px rgba(42,245,152,.06),0 0 24px rgba(0,245,255,.08)!important}.theme-matrixrain .search-input:focus,.theme-matrixrain input:focus,.theme-matrixrain select:focus,.theme-matrixrain textarea:focus{border-color:rgba(215,255,95,.54)!important;box-shadow:0 0 0 3px rgba(215,255,95,.1),0 14px 34px rgba(42,245,152,.16)!important}.theme-matrixrain .category-header h2,.theme-matrixrain .category-title,.theme-matrixrain .el-dialog__title,.theme-matrixrain .theme-name,.theme-matrixrain .tool-name,.theme-matrixrain .video-title,.theme-matrixrain .work-title{color:var(--text-primary)!important}.theme-matrixrain .cat-count,.theme-matrixrain .category-subtitle,.theme-matrixrain .footer,.theme-matrixrain .tool-description,.theme-matrixrain .video-desc,.theme-matrixrain .video-meta,.theme-matrixrain .work-description{color:var(--text-secondary)!important}.theme-matrixrain .category-expand-arrow,.theme-matrixrain .category-icon,.theme-matrixrain .menu-icon,.theme-matrixrain .nav-icon,.theme-matrixrain .search-icon{color:#2af598!important;filter:drop-shadow(0 0 8px rgba(42,245,152,.35))}.theme-matrixrain .app-sidebar .el-menu-item,.theme-matrixrain .app-sidebar .el-sub-menu__title,.theme-matrixrain .menu-item,.theme-matrixrain .nav-item{color:var(--text-primary)!important;background:transparent!important}.theme-matrixrain .app-sidebar .el-menu-item:hover,.theme-matrixrain .app-sidebar .el-sub-menu__title:hover,.theme-matrixrain .category-nav-item.active,.theme-matrixrain .menu-item:hover,.theme-matrixrain .nav-item:hover{background:linear-gradient(90deg,rgba(0,245,255,.16),rgba(42,245,152,.12))!important;color:#d7ff5f!important}.theme-matrixrain .theme-check{background:linear-gradient(135deg,#00f5ff,#d7ff5f)!important;color:#021015!important}.preview-matrixrain{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(0,245,255,.18),transparent 42%),repeating-linear-gradient(90deg,rgba(42,245,152,.55) 0 1px,transparent 1px 12px),radial-gradient(circle at 18% 20%,rgba(0,245,255,.82),transparent 34%),radial-gradient(circle at 82% 76%,rgba(215,255,95,.78),transparent 34%),linear-gradient(135deg,#02070e,#061927)}.preview-matrixrain:before{content:"01 AI CODE 演化空间";position:absolute;inset:10px 12px;color:rgba(215,255,95,.76);font:700 11px/1.45 Cascadia Code,monospace;text-shadow:0 0 10px rgba(42,245,152,.7);word-break:break-all}.preview-matrixrain:after{content:"";position:absolute;inset:8px;border:1px solid rgba(0,245,255,.65);box-shadow:0 0 20px rgba(0,245,255,.42),inset 0 0 18px rgba(42,245,152,.22)}.app-main{color:var(--text-primary)}.app-main [class*=-name],.app-main [class*=_name],.app-main [class*=heading],.app-main [class*=title]:not([class*=subtitle]),.app-main blockquote,.app-main caption,.app-main dd,.app-main dt,.app-main figcaption,.app-main h1,.app-main h2,.app-main h3,.app-main h4,.app-main h5,.app-main h6,.app-main label,.app-main legend,.app-main li,.app-main p,.app-main summary,.app-main td,.app-main th{color:var(--text-primary)!important}.app-main [class*=-count],.app-main [class*=-date],.app-main [class*=-hint],.app-main [class*=-info],.app-main [class*=-meta],.app-main [class*=-note],.app-main [class*=-time],.app-main [class*=-tip],.app-main [class*=desc],.app-main [class*=placeholder-text],.app-main [class*=subtitle]{color:var(--text-secondary)!important}.theme-dark .app-main input:not([type=checkbox]):not([type=radio]):not([type=range]),.theme-dark .app-main select,.theme-dark .app-main textarea,.theme-matrixrain .app-main input:not([type=checkbox]):not([type=radio]):not([type=range]),.theme-matrixrain .app-main select,.theme-matrixrain .app-main textarea,.theme-quantum .app-main input:not([type=checkbox]):not([type=radio]):not([type=range]),.theme-quantum .app-main select,.theme-quantum .app-main textarea{background-color:var(--bg-card);color:var(--text-primary);border-color:var(--border-color)}.theme-dark .app-main input::-moz-placeholder,.theme-dark .app-main textarea::-moz-placeholder,.theme-matrixrain .app-main input::-moz-placeholder,.theme-matrixrain .app-main textarea::-moz-placeholder,.theme-quantum .app-main input::-moz-placeholder,.theme-quantum .app-main textarea::-moz-placeholder{color:var(--text-secondary)}.theme-dark .app-main input::placeholder,.theme-dark .app-main textarea::placeholder,.theme-matrixrain .app-main input::placeholder,.theme-matrixrain .app-main textarea::placeholder,.theme-quantum .app-main input::placeholder,.theme-quantum .app-main textarea::placeholder{color:var(--text-secondary)}.theme-dark .app-main .course-card,.theme-dark .app-main .resource-card,.theme-dark .app-main .tool-card:not(.top-1):not(.top-2):not(.top-3),.theme-dark .app-main .work-card,.theme-matrixrain .app-main .course-card,.theme-matrixrain .app-main .resource-card,.theme-matrixrain .app-main .tool-card:not(.top-1):not(.top-2):not(.top-3),.theme-matrixrain .app-main .work-card,.theme-quantum .app-main .course-card,.theme-quantum .app-main .resource-card,.theme-quantum .app-main .tool-card:not(.top-1):not(.top-2):not(.top-3),.theme-quantum .app-main .work-card{background:var(--bg-card)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important}.theme-dark .app-main .tool-icon,.theme-matrixrain .app-main .tool-icon,.theme-quantum .app-main .tool-icon{background:hsla(0,0%,100%,.08)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important}.theme-dark .app-main .category-header,.theme-dark .app-main .category-section-top,.theme-matrixrain .app-main .category-header,.theme-matrixrain .app-main .category-section-top,.theme-quantum .app-main .category-header,.theme-quantum .app-main .category-section-top{background:var(--bg-card)!important;color:var(--text-primary)!important}.theme-dark .app-main .category-header h2,.theme-dark .app-main .category-header span,.theme-dark .app-main .subcategory-title,.theme-matrixrain .app-main .category-header h2,.theme-matrixrain .app-main .category-header span,.theme-matrixrain .app-main .subcategory-title,.theme-quantum .app-main .category-header h2,.theme-quantum .app-main .category-header span,.theme-quantum .app-main .subcategory-title{color:var(--text-primary)!important}.theme-dark .unified-header .search-box,.theme-dark .unified-header .search-input,.theme-matrixrain .unified-header .search-box,.theme-matrixrain .unified-header .search-input,.theme-quantum .unified-header .search-box,.theme-quantum .unified-header .search-input{background:var(--bg-card)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}.theme-dark .unified-header .search-input::-moz-placeholder,.theme-matrixrain .unified-header .search-input::-moz-placeholder,.theme-quantum .unified-header .search-input::-moz-placeholder{color:var(--text-secondary)!important}.theme-dark .unified-header .search-input::placeholder,.theme-matrixrain .unified-header .search-input::placeholder,.theme-quantum .unified-header .search-input::placeholder{color:var(--text-secondary)!important}html.theme-dark .app-main .mobile-search-container,html.theme-dark .app-main .unified-header{background:var(--bg-header,#1f1f1f)!important;background-image:none!important;border-bottom:1px solid hsla(0,0%,100%,.08)!important}html.theme-dark .app-sidebar{background:var(--bg-sidebar,#1f1f1f)!important;background-image:none!important}:root{--card-grid-cols-lg:repeat(5,1fr);--card-grid-cols-md:repeat(3,1fr);--card-grid-cols-sm:repeat(3,1fr);--card-grid-cols-xs:repeat(3,1fr);--card-gap:24px 16px;--card-gap-mobile:10px;--card-border-radius:20px;--card-padding:20px 16px;--card-aspect-ratio:4/3;--card-desc-lines:0;--card-desc-lines-icon:2;--mz-card-ratio:4/3;--mz-grid-desktop:repeat(auto-fill,minmax(max(138px,calc(16.66667% - 13.33333px)),1fr));--mz-grid-tablet:repeat(3,minmax(0,1fr));--mz-grid-mobile:repeat(3,minmax(0,1fr));--mz-grid-gap:24px 16px;--mz-grid-gap-mobile:10px;--mz-card-radius:20px;--mz-card-bg:var(--bg-card,hsla(0,0%,100%,.92));--mz-card-border:var(--border-color,rgba(102,126,234,.12));--mz-card-shadow:0 10px 28px rgba(15,23,42,.08);--mz-card-shadow-hover:0 18px 42px rgba(37,99,235,.16)}:is(.tools-list,.works-grid,.courses-grid){display:grid!important;grid-template-columns:var(--mz-grid-desktop)!important;gap:var(--mz-grid-gap)!important;align-items:stretch!important;justify-items:stretch!important;padding:16px!important;box-sizing:border-box!important}:is(.tool-card,.work-card,.course-card){width:100%!important;aspect-ratio:var(--mz-card-ratio)!important;min-height:0!important;height:auto!important;border-radius:var(--mz-card-radius)!important;background:var(--mz-card-bg)!important;border:1px solid var(--mz-card-border)!important;box-shadow:var(--mz-card-shadow)!important;overflow:hidden!important;box-sizing:border-box!important;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease!important}:is(.tool-card,.work-card,.course-card):hover{transform:translateY(-4px)!important;box-shadow:var(--mz-card-shadow-hover)!important;border-color:rgba(59,130,246,.28)!important}.tool-card{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;padding:clamp(12px,1.45vw,20px)!important;margin-top:0!important;text-align:center!important}.tool-icon{width:clamp(46px,4.2vw,58px)!important;height:clamp(46px,4.2vw,58px)!important;margin:0 0 10px!important;-o-object-fit:contain!important;object-fit:contain!important;z-index:1!important}.tool-icon,.tool-info{flex:0 0 auto!important;position:relative!important}.tool-info{width:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;z-index:4!important;overflow:visible!important}.tool-name,.video-title,.work-title{display:-webkit-box!important;-webkit-box-orient:vertical!important;overflow:hidden!important;text-overflow:ellipsis!important}.tool-name{-webkit-line-clamp:1!important;line-clamp:1!important;margin-bottom:6px!important;font-size:clamp(13px,1.05vw,16px)!important;min-height:1.28em!important;flex:0 0 auto!important;z-index:6!important;background:inherit!important}.tool-description,.tool-name{width:100%!important;position:relative!important}.tool-description{-webkit-line-clamp:2!important;line-clamp:2!important;font-size:clamp(11px,.9vw,13px)!important;line-height:1.35!important;min-height:0!important;flex:0 1 auto!important;z-index:2!important}:is(.work-card,.course-card),:is(.work-card,.course-card) :is(.el-card__body,.course-card-body){display:flex!important;flex-direction:column!important}:is(.work-card,.course-card) :is(.el-card__body,.course-card-body){width:100%!important;height:100%!important;padding:0!important;min-height:0!important;box-sizing:border-box!important}:is(.work-thumbnail,.card-cover){width:100%!important;height:58%!important;min-height:0!important;flex:0 0 58%!important;aspect-ratio:auto!important;overflow:hidden!important}:is(.work-thumbnail img,.cover-img){width:100%!important;height:100%!important;-o-object-fit:cover!important;object-fit:cover!important}:is(.work-content,.card-body){flex:1 1 auto!important;min-height:0!important;overflow:hidden!important;padding:10px 12px 12px!important;box-sizing:border-box!important}:is(.card-content,.work-content){min-height:0!important}.video-title,.work-title{-webkit-line-clamp:2!important;line-clamp:2!important;margin:0!important;font-size:clamp(12px,.96vw,14px)!important;line-height:1.32!important;word-break:break-word!important}.video-desc{display:none!important}.work-card .work-content{align-items:center!important;text-align:center!important}.work-card .work-footer,.work-description{width:100%!important}.work-description{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:1!important;line-clamp:1!important;margin:4px 0 0!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:center!important;font-size:12px!important;line-height:1.3!important;color:var(--text-secondary,#64748b)!important}.work-meta{align-items:center!important;text-align:center!important}.work-meta .author{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;text-align:center!important}:is(.video-meta,.work-meta){min-height:0!important;overflow:hidden!important}@media (max-width:1100px){:is(.tools-list,.works-grid,.courses-grid){grid-template-columns:var(--mz-grid-tablet)!important}}@media (max-width:768px){:is(.tools-list,.works-grid,.courses-grid){grid-template-columns:var(--mz-grid-mobile)!important;gap:var(--mz-grid-gap-mobile)!important;padding:var(--mz-grid-gap-mobile)!important}:is(.tool-card,.work-card,.course-card){border-radius:14px!important;box-shadow:0 6px 18px rgba(15,23,42,.08)!important}.tool-card{padding:4px 6px!important}.tool-icon{width:clamp(24px,8vw,36px)!important;height:clamp(24px,8vw,36px)!important;margin-bottom:3px!important;border-radius:10px!important}.tool-name,.video-title,.work-title{font-size:11px!important;line-height:1.22!important}.category-badge,.cover-duration,.flag,.paid-hint,.video-meta{display:none!important}.tool-description{display:-webkit-box!important;-webkit-line-clamp:1!important;line-clamp:1!important;-webkit-box-orient:vertical!important;max-width:100%!important;font-size:10px!important;line-height:1.22!important;height:1.22em!important;max-height:1.22em!important;color:var(--text-secondary,#64748b)!important;overflow:hidden!important;text-overflow:ellipsis!important}:is(.work-thumbnail,.card-cover){height:62%!important;flex-basis:62%!important}:is(.work-content,.card-body){padding:6px 7px 7px!important}.work-meta{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;margin-top:2px!important;margin-bottom:0!important;line-height:1!important}.work-card .work-thumbnail{height:50%!important;flex-basis:50%!important}.work-title{text-align:center!important}.work-description,.work-title{-webkit-line-clamp:1!important;line-clamp:1!important}.work-description{display:-webkit-box!important;-webkit-box-orient:vertical!important;margin-top:2px!important;font-size:9px!important;line-height:1.15!important}.work-meta .author{display:block!important;max-width:100%!important;margin:2px auto 0!important;font-size:9px!important;line-height:1.1!important;color:var(--text-secondary,#64748b)!important}.work-stats{display:flex!important;justify-content:center!important;gap:7px!important;width:100%!important}.stat,.work-stats{align-items:center!important;line-height:1!important}.stat{display:inline-flex!important;gap:2px!important;font-size:10px!important;color:var(--text-secondary,#64748b)!important;white-space:nowrap!important}.stat i{font-size:9px!important}.work-actions{display:none!important}}@media (max-width:375px){:is(.tools-list,.works-grid,.courses-grid){grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;padding:8px!important}}:root{--mz-page-bg:radial-gradient(circle at 18% 10%,rgba(14,165,233,.1),transparent 28%),radial-gradient(circle at 86% 16%,rgba(37,99,235,.09),transparent 30%),linear-gradient(180deg,#f8fbff,#f4f7fb 44%,#f8fafc);--mz-surface:hsla(0,0%,100%,.88);--mz-surface-solid:#fff;--mz-surface-soft:rgba(248,251,255,.92);--mz-line:rgba(37,99,235,.12);--mz-line-strong:rgba(37,99,235,.22);--mz-text:#172033;--mz-text-soft:#5d6b82;--mz-text-muted:#8792a6;--mz-blue:#2f7ff0;--mz-cyan:#08a7c8;--mz-green:#16a34a;--mz-yellow:#d99a05;--mz-red:#e5484d;--mz-radius-xs:8px;--mz-radius-sm:12px;--mz-radius-md:16px;--mz-radius-lg:22px;--mz-control-h:42px;--mz-shadow-xs:0 1px 2px rgba(15,23,42,.04);--mz-shadow-sm:0 8px 22px rgba(15,23,42,.08);--mz-shadow-md:0 16px 42px rgba(15,23,42,.11);--mz-shadow-lg:0 26px 70px rgba(15,23,42,.16);--mz-focus:0 0 0 3px rgba(47,127,240,.16);--mz-ease:cubic-bezier(0.22,1,0.36,1);--mz-ease-ios:cubic-bezier(0.32,0.72,0,1);--desktop-sidebar-width:122px;--mz-font-sans:"PingFang SC","HarmonyOS Sans SC","MiSans","Alibaba PuHuiTi 3.0","Alibaba PuHuiTi","Source Han Sans SC","Noto Sans CJK SC","Microsoft YaHei UI","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;--mz-font-display:"PingFang SC","HarmonyOS Sans SC","MiSans","Alibaba PuHuiTi 3.0","Alibaba PuHuiTi","Source Han Sans SC","Noto Sans CJK SC","Microsoft YaHei UI","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;--mz-weight-body:330;--mz-weight-medium:420;--mz-weight-strong:520;--mz-weight-title:560}html{scroll-behavior:smooth}body{color:var(--mz-text);background:var(--mz-page-bg);font-family:var(--mz-font-sans);font-weight:var(--mz-weight-body);font-kerning:normal;font-optical-sizing:auto;font-feature-settings:"kern" 1,"liga" 1,"palt" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision}#app,.Vue-Toastification__toast,.app-sidebar,.el-dialog,.el-message,.el-notification,.el-popper,.v-application,.v-btn,.v-card,.v-overlay,html.theme-default .app-main{font-family:var(--mz-font-sans)!important;letter-spacing:0!important}.course-card,.el-button,.el-input__wrapper,.el-textarea__inner,.resource-card,.tool-card,.work-card,a,button,input,select,textarea{-webkit-tap-highlight-color:transparent;font-family:var(--mz-font-sans)!important}.admin-login-btn,.category-toggle-button,.el-button,.el-input__inner,.el-select,.el-textarea__inner,.filter-button,.student-center-btn,.student-login-btn,.theme-toggle-button,.top-container-item,button,input,select,textarea{font-family:var(--mz-font-sans)!important;letter-spacing:0!important}.admin-login-btn,.category-toggle-button,.el-button,.filter-button,.student-center-btn,.student-login-btn,.theme-toggle-button,.top-container-item,button{transition:transform .22s var(--mz-ease),box-shadow .22s var(--mz-ease),border-color .22s var(--mz-ease),background .22s var(--mz-ease),color .22s var(--mz-ease)!important}.category-toggle-button:active,.el-button:active,.theme-toggle-button:active,.top-container-item:active,button:active{transform:scale(.97)!important}:focus-visible{outline:none!important;box-shadow:var(--mz-focus),var(--mz-shadow-xs)!important}html.theme-default .app-main{background:transparent!important}html.theme-default .app-main .content-container,html.theme-default .app-main .detail-page,html.theme-default .app-main .login-page,html.theme-default .app-main .main-content,html.theme-default .app-main .modern-works-container,html.theme-default .app-main .register-page,html.theme-default .app-main .resources-main,html.theme-default .app-main .student-submission-detail,html.theme-default .app-main .student-submission-page,html.theme-default .app-main .subscription-page{color:var(--mz-text)!important}html.theme-default .app-main .content-container,html.theme-default .app-main .main-content,html.theme-default .app-main .modern-works-container,html.theme-default .app-main .resources-main{max-width:1720px;margin-right:auto;margin-left:auto}html.theme-default .app-main .mobile-search-container,html.theme-default .app-main .unified-header{background:linear-gradient(180deg,hsla(0,0%,100%,.94),hsla(0,0%,100%,.82))!important;border-bottom:1px solid rgba(37,99,235,.1)!important;box-shadow:0 10px 30px rgba(37,99,235,.1)!important;backdrop-filter:blur(18px) saturate(170%)}html.theme-default .app-main .mobile-search-container .top-container-item,html.theme-default .app-main .unified-header .top-container-item{min-height:45px!important;height:45px!important;padding:0 16px!important;border:1px solid hsla(0,0%,100%,.38)!important;border-radius:10px!important;background:linear-gradient(135deg,#3d82ef,#13a9c7)!important;box-shadow:0 3px 8px rgba(37,99,235,.16),inset 0 1px 0 hsla(0,0%,100%,.22)!important;color:#fff!important;letter-spacing:0!important}html.theme-default .app-main .mobile-search-container .top-container-item.active,html.theme-default .app-main .mobile-search-container .top-container-item:hover,html.theme-default .app-main .unified-header .top-container-item.active,html.theme-default .app-main .unified-header .top-container-item:hover{transform:translateY(-1px)!important;box-shadow:0 5px 12px rgba(37,99,235,.22),inset 0 1px 0 hsla(0,0%,100%,.28)!important}html.theme-default .app-main .mobile-search-container .category-toggle-button,html.theme-default .app-main .mobile-search-container .theme-toggle-button,html.theme-default .app-main .unified-header .admin-login-btn,html.theme-default .app-main .unified-header .category-toggle-button,html.theme-default .app-main .unified-header .filter-button,html.theme-default .app-main .unified-header .student-center-btn,html.theme-default .app-main .unified-header .student-login-btn,html.theme-default .app-main .unified-header .theme-toggle-button{min-height:var(--mz-control-h)!important;border:1px solid rgba(37,99,235,.12)!important;border-radius:13px!important;background:hsla(0,0%,100%,.88)!important;box-shadow:var(--mz-shadow-sm)!important;color:var(--mz-text)!important;font-weight:700!important}html.theme-default .app-main .mobile-search-container .category-toggle-button,html.theme-default .app-main .unified-header .category-toggle-button{color:#fff!important;background:linear-gradient(135deg,#4d83ec,#13a8c6)!important;border-color:hsla(0,0%,100%,.36)!important}html.theme-default .app-main .mobile-search-container .theme-toggle-button:hover,html.theme-default .app-main .unified-header .admin-login-btn:hover,html.theme-default .app-main .unified-header .filter-button:hover,html.theme-default .app-main .unified-header .student-center-btn:hover,html.theme-default .app-main .unified-header .student-login-btn:hover,html.theme-default .app-main .unified-header .theme-toggle-button:hover{border-color:var(--mz-line-strong)!important;color:var(--mz-blue)!important;transform:translateY(-1px)!important;box-shadow:var(--mz-shadow-md)!important}html.theme-default .app-main .mobile-search-container .search-box,html.theme-default .app-main .mobile-search-container .search-input,html.theme-default .app-main .unified-header .category-search,html.theme-default .app-main .unified-header .category-search input,html.theme-default .app-main .unified-header .search-box,html.theme-default .app-main .unified-header .search-input,html.theme-default .app-main input[type=password],html.theme-default .app-main input[type=search],html.theme-default .app-main input[type=tel],html.theme-default .app-main input[type=text],html.theme-default .app-main select,html.theme-default .app-main textarea{border-color:var(--mz-line)!important;border-radius:14px!important;background:hsla(0,0%,100%,.9)!important;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.7),0 8px 20px rgba(15,23,42,.05)!important}html.theme-default .app-main .mobile-search-container .search-input:focus,html.theme-default .app-main .unified-header .category-search input:focus,html.theme-default .app-main .unified-header .search-input:focus,html.theme-default .app-main input:focus,html.theme-default .app-main select:focus,html.theme-default .app-main textarea:focus{border-color:rgba(47,127,240,.4)!important;box-shadow:var(--mz-focus),0 8px 20px rgba(15,23,42,.06)!important}html.theme-default .app-main :is(.tool-card,.work-card,.course-card,.resource-card,.el-card,.info-bar,.comments-card,.detail-card,.content-card,.form-card,.login-card,.upload-card){border:1px solid var(--mz-line)!important;border-radius:var(--mz-radius-lg)!important;background:linear-gradient(180deg,hsla(0,0%,100%,.94),rgba(250,253,255,.9))!important;box-shadow:var(--mz-shadow-sm)!important}html.theme-default .app-main :is(.tool-card,.work-card,.course-card,.resource-card,.el-card):hover{border-color:var(--mz-line-strong)!important;box-shadow:var(--mz-shadow-md)!important}html.theme-default .app-main :is(.category-header,.section-title,.sidebar-title,.detail-title,.page-title,h1,h2,h3){font-family:var(--mz-font-display)!important;color:var(--mz-text)!important;letter-spacing:0!important;font-weight:750!important;line-height:1.18!important}html.theme-default .app-main :is(.tool-name,.work-title,.video-title,.resource-title,.card-title,.course-title){font-family:var(--mz-font-display)!important;color:var(--mz-text)!important;font-weight:720!important;letter-spacing:0!important;line-height:1.28!important}html.theme-default .app-main :is(.tool-description,.work-description,.video-desc,.meta,.work-meta,.video-meta,.description,.sub-title,.form-hint){color:var(--mz-text-soft)!important;font-weight:400!important;letter-spacing:0!important;line-height:1.48!important}html.theme-default .app-main :is(.primary-btn,.submit-btn,.login-btn,.register-btn,.upload-btn,.save-btn,.action-btn,.el-button--primary){border:none!important;border-radius:14px!important;background:linear-gradient(135deg,#347ff0,#08a7c8)!important;box-shadow:0 12px 26px rgba(37,99,235,.22)!important;color:#fff!important;font-weight:700!important}html.theme-default .app-main :is(.primary-btn,.submit-btn,.login-btn,.register-btn,.upload-btn,.save-btn,.action-btn,.el-button--primary):hover{transform:translateY(-1px)!important;box-shadow:0 18px 36px rgba(37,99,235,.28)!important}html.theme-default .app-main :is(.secondary-btn,.cancel-btn,.back-btn,.el-button:not(.el-button--primary)){border-color:var(--mz-line)!important;border-radius:14px!important;background:hsla(0,0%,100%,.88)!important;color:var(--mz-text)!important}html.theme-default .app-main :is(.secondary-btn,.cancel-btn,.back-btn,.el-button:not(.el-button--primary)):hover{border-color:var(--mz-line-strong)!important;color:var(--mz-blue)!important;box-shadow:var(--mz-shadow-sm)!important}html.theme-default .app-main :is(.status-dot.embed,.embed-dot,.online-dot){background:var(--mz-green)!important}html.theme-default .app-main :is(.status-dot.jump,.jump-dot){background:var(--mz-yellow)!important}html.theme-default .app-main :is(.status-dot.download,.download-dot){background:var(--mz-blue)!important}.app-sidebar{background:linear-gradient(180deg,hsla(0,0%,100%,.96),rgba(248,251,255,.92))!important;border-right:1px solid var(--mz-line)!important;box-shadow:8px 0 30px rgba(15,23,42,.06)!important;backdrop-filter:blur(18px) saturate(170%)}.app-sidebar .menu{border:0!important}.app-sidebar .menu .el-sub-menu .el-menu-item,.app-sidebar .menu>.el-menu-item,.app-sidebar .menu>.el-sub-menu>.el-sub-menu__title{border:1px solid transparent!important;background:transparent!important;color:#243044!important;font-family:var(--mz-font-sans)!important;font-weight:560!important;letter-spacing:0!important}@media (min-width:769px){.app-sidebar .menu .el-sub-menu .el-menu-item,.app-sidebar .menu>.el-menu-item,.app-sidebar .menu>.el-sub-menu>.el-sub-menu__title{width:min(100% - 20px,210px)!important;max-width:210px!important;margin-right:auto!important;margin-left:auto!important}.app-sidebar .menu>.el-menu-item,.app-sidebar .menu>.el-sub-menu>.el-sub-menu__title{justify-content:center!important;padding-right:14px!important;padding-left:14px!important}.app-sidebar .submenu-title-content{justify-content:center!important;width:auto!important;flex:0 1 auto!important}.app-sidebar .menu-icon{margin-right:10px!important}}.app-sidebar .el-menu .el-menu-item:hover,.app-sidebar .el-sub-menu>.el-sub-menu__title:hover,.app-sidebar .menu .menu-item:hover{border-color:rgba(37,99,235,.12)!important;background:rgba(37,99,235,.07)!important;color:var(--mz-blue)!important;transform:none!important}.app-sidebar .el-menu .el-menu-item.is-spy-active,.app-sidebar .el-sub-menu.is-spy-active-parent>.el-sub-menu__title{border-color:rgba(37,99,235,.2)!important;background:rgba(37,99,235,.12)!important;color:var(--mz-blue)!important}.app-sidebar .menu{overflow-x:hidden!important;overflow-y:hidden!important}.app-sidebar .menu.menu-expanded{overflow-y:auto!important}.app-sidebar .menu:not(.menu-expanded)>.el-menu-item,.app-sidebar .menu:not(.menu-expanded)>.el-sub-menu{flex:1 1 0!important;min-height:0!important;height:auto!important}.app-sidebar .menu:not(.menu-expanded)>.el-sub-menu{display:flex!important;flex-direction:column!important}.app-sidebar .menu:not(.menu-expanded)>.el-menu-item,.app-sidebar .menu:not(.menu-expanded)>.el-sub-menu>.el-sub-menu__title{height:100%!important;min-height:28px!important;max-height:none!important;align-items:center!important}.app-sidebar .menu:not(.menu-expanded)>.el-sub-menu>.el-sub-menu__title .submenu-title-content{height:100%!important;min-height:0!important}.app-sidebar .menu.menu-expanded>.el-menu-item,.app-sidebar .menu.menu-expanded>.el-sub-menu{flex:none!important;height:auto!important}.app-sidebar .menu.menu-expanded>.el-menu-item,.app-sidebar .menu.menu-expanded>.el-sub-menu>.el-sub-menu__title{height:42px!important;min-height:42px!important}.el-overlay-dialog .el-dialog,.el-overlay-dialog .el-dialog.category-dialog,.v-overlay__content{border:1px solid var(--mz-line)!important;border-radius:22px!important;background:hsla(0,0%,100%,.94)!important;box-shadow:var(--mz-shadow-lg)!important;backdrop-filter:blur(18px) saturate(170%)}.Vue-Toastification__toast,.el-message,.el-notification{border:1px solid rgba(37,99,235,.1)!important;border-radius:14px!important;box-shadow:var(--mz-shadow-md)!important}@media (max-width:768px){:root{--mz-control-h:30px;--mobile-sidebar-width:clamp(78px,20vw,86px);--mobile-content-scale:0.76}html.theme-default .app-main .mobile-search-container,html.theme-default .app-main .unified-header{box-shadow:0 8px 22px rgba(37,99,235,.1)!important}html.theme-default .app-main .mobile-search-container .top-container-item,html.theme-default .app-main .unified-header .top-container-item{min-height:30px!important;height:30px!important;padding:0 10px!important;border-radius:8px!important;font-size:12px!important}html.theme-default .app-main .mobile-search-container .category-toggle-button,html.theme-default .app-main .mobile-search-container .theme-toggle-button,html.theme-default .app-main .unified-header .category-toggle-button,html.theme-default .app-main .unified-header .theme-toggle-button{min-height:30px!important;height:30px!important;border-radius:10px!important}.app-sidebar{width:var(--mobile-sidebar-width)!important;min-width:var(--mobile-sidebar-width)!important;max-width:var(--mobile-sidebar-width)!important}.app-sidebar .el-menu,.app-sidebar .menu{--el-menu-base-level-padding:0px!important;--el-menu-level-padding:0px!important;--el-menu-icon-width:11px!important;padding-right:0!important;padding-left:0!important}.app-sidebar .menu>.el-menu-item,.app-sidebar .menu>.el-sub-menu>.el-sub-menu__title{padding-left:1px!important;padding-right:0!important;padding-inline-start:1px!important;padding-inline-end:0!important}.app-sidebar .menu .el-sub-menu .el-menu-item{padding-left:13px!important;padding-right:0!important;padding-inline-start:13px!important;padding-inline-end:0!important}.app-sidebar .el-sub-menu__icon-arrow{display:none!important;width:0!important;min-width:0!important;max-width:0!important;margin:0!important;padding:0!important;overflow:hidden!important}.app-sidebar .menu>.el-menu-item.menu-item,.app-sidebar .submenu-title-content{display:grid!important;grid-template-columns:11px minmax(0,max-content)!important;-moz-column-gap:3px!important;column-gap:3px!important;justify-content:start!important;align-items:center!important;width:auto!important;max-width:100%!important;flex:0 1 auto!important}.app-sidebar .menu-icon{width:11px!important;min-width:11px!important;max-width:11px!important;height:11px!important;margin-right:0!important;font-size:11px!important}.app-sidebar .menu .el-menu-item span,.app-sidebar .menu .el-sub-menu__title span,.app-sidebar .submenu-title-content span{max-width:calc(var(--mobile-sidebar-width) - 17px)!important;font-size:10px!important;line-height:1.08!important}html.theme-default .app-main :is(.tool-card,.work-card,.course-card,.resource-card,.el-card){border-radius:15px!important;box-shadow:0 8px 20px rgba(15,23,42,.08)!important}}.mz-page-back-enter-active,.mz-page-forward-enter-active,.mz-page-soft-enter-active{opacity:1!important;filter:none!important;transform:none!important;transition:transform .38s var(--mz-ease-ios)!important}.mz-page-back-leave-active,.mz-page-forward-leave-active,.mz-page-soft-leave-active{display:none!important;opacity:0!important;transition:none!important}.mz-page-back-enter-from,.mz-page-back-enter-to,.mz-page-forward-enter-from,.mz-page-forward-enter-to,.mz-page-soft-enter-from,.mz-page-soft-enter-to{opacity:1!important;filter:none!important;transform:none!important}.mz-page-back-leave-from,.mz-page-back-leave-to,.mz-page-forward-leave-from,.mz-page-forward-leave-to,.mz-page-soft-leave-from,.mz-page-soft-leave-to{opacity:0!important;filter:none!important;transform:none!important}.mz-page-back-enter-active .page-motion-content,.mz-page-back-enter-active>:not(.unified-header):not(.mobile-search-container),.mz-page-forward-enter-active .page-motion-content,.mz-page-forward-enter-active>:not(.unified-header):not(.mobile-search-container),.mz-page-soft-enter-active .page-motion-content,.mz-page-soft-enter-active>:not(.unified-header):not(.mobile-search-container){transition:opacity .34s var(--mz-ease-ios),transform .38s var(--mz-ease-ios),filter .34s var(--mz-ease-ios)!important;transform-origin:50% 24%;will-change:opacity,transform,filter}.mz-page-forward-enter-from .page-motion-content,.mz-page-forward-enter-from>:not(.unified-header):not(.mobile-search-container){opacity:0;transform:translate3d(24px,10px,0) scale(.985);filter:blur(6px)}.mz-page-back-enter-from .page-motion-content,.mz-page-back-enter-from>:not(.unified-header):not(.mobile-search-container){opacity:0;transform:translate3d(-24px,10px,0) scale(.985);filter:blur(6px)}.mz-page-soft-enter-from .page-motion-content,.mz-page-soft-enter-from>:not(.unified-header):not(.mobile-search-container){opacity:0;transform:translate3d(0,8px,0) scale(.99);filter:blur(4px)}.mz-page-back-enter-to .page-motion-content,.mz-page-back-enter-to>:not(.unified-header):not(.mobile-search-container),.mz-page-forward-enter-to .page-motion-content,.mz-page-forward-enter-to>:not(.unified-header):not(.mobile-search-container),.mz-page-soft-enter-to .page-motion-content,.mz-page-soft-enter-to>:not(.unified-header):not(.mobile-search-container){opacity:1;transform:translateZ(0) scale(1);filter:blur(0)}.mz-page-back-enter-active :is(.unified-header,.mobile-search-container),.mz-page-forward-enter-active :is(.unified-header,.mobile-search-container),.mz-page-soft-enter-active :is(.unified-header,.mobile-search-container){opacity:1!important;filter:none!important;transform:none!important;transition:none!important}@keyframes mzBlockPopIn{0%{opacity:0;transform:scale(.58);filter:blur(5px) saturate(.9)}46%{opacity:1;transform:scale(1.1);filter:blur(0) saturate(1.06)}68%{transform:scale(.965)}84%{transform:scale(1.018)}to{opacity:1;transform:scale(1);filter:blur(0) saturate(1)}}@keyframes mzIconPopIn{0%{opacity:0;transform:scale(.45);filter:blur(4px)}52%{opacity:1;transform:scale(1.18);filter:blur(0)}76%{transform:scale(.96)}to{opacity:1;transform:scale(1);filter:blur(0)}}body.mz-page-block-entrance .app-main :is(.tool-card,.work-card,.course-card,.resource-card){animation:mzBlockPopIn .62s cubic-bezier(.2,1.28,.34,1) both!important;animation-delay:var(--mz-pop-delay,0ms)!important;transform-origin:50% 50%!important;will-change:opacity,transform,filter}body.mz-page-block-entrance .app-main :is(.tool-card,.work-card,.course-card,.resource-card)>*{animation:mzIconPopIn .54s cubic-bezier(.2,1.28,.34,1) both!important;animation-delay:calc(var(--mz-pop-delay, 0ms) + 28ms)!important;transform-origin:50% 50%;will-change:opacity,transform,filter}body.mz-page-block-entrance .app-main :is(.tool-card,.work-card,.course-card,.resource-card) :is(.tool-icon,.work-thumbnail,.card-cover,.cover-img,.video-thumbnail){animation:mzIconPopIn .56s cubic-bezier(.2,1.28,.34,1) both!important;animation-delay:calc(var(--mz-pop-delay, 0ms) + 48ms)!important;transform-origin:50% 50%;will-change:opacity,transform,filter}html.theme-default .app-main .mobile-search-container .category-toggle-button i,html.theme-default .app-main .mobile-search-container .category-toggle-button svg,html.theme-default .app-main .unified-header .category-toggle-button i,html.theme-default .app-main .unified-header .category-toggle-button svg{width:16px!important;min-width:16px!important;max-width:16px!important;height:16px!important;min-height:16px!important;max-height:16px!important;font-size:16px!important;line-height:1!important;flex:0 0 16px!important;transform:none!important}body.mz-page-block-entrance .app-main :is(.tool-card,.work-card,.course-card,.resource-card):nth-child(12n+1){--mz-pop-delay:0ms}body.mz-page-block-entrance .app-main :is(.tool-card,.work-card,.course-card,.resource-card):nth-child(12n+2){--mz-pop-delay:170ms}body.mz-page-block-entrance .app-main :is(.tool-card,.work-card,.course-card,.resource-card):nth-child(12n+3){--mz-pop-delay:70ms}body.mz-page-block-entrance .app-main :is(.tool-card,.work-card,.course-card,.resource-card):nth-child(12n+4){--mz-pop-delay:250ms}body.mz-page-block-entrance .app-main :is(.tool-card,.work-card,.course-card,.resource-card):nth-child(12n+5){--mz-pop-delay:115ms}body.mz-page-block-entrance .app-main :is(.tool-card,.work-card,.course-card,.resource-card):nth-child(12n+6){--mz-pop-delay:330ms}body.mz-page-block-entrance .app-main :is(.tool-card,.work-card,.course-card,.resource-card):nth-child(12n+7){--mz-pop-delay:45ms}body.mz-page-block-entrance .app-main :is(.tool-card,.work-card,.course-card,.resource-card):nth-child(12n+8){--mz-pop-delay:220ms}body.mz-page-block-entrance .app-main :is(.tool-card,.work-card,.course-card,.resource-card):nth-child(12n+9){--mz-pop-delay:145ms}body.mz-page-block-entrance .app-main :is(.tool-card,.work-card,.course-card,.resource-card):nth-child(12n+10){--mz-pop-delay:300ms}body.mz-page-block-entrance .app-main :is(.tool-card,.work-card,.course-card,.resource-card):nth-child(12n+11){--mz-pop-delay:95ms}body.mz-page-block-entrance .app-main :is(.tool-card,.work-card,.course-card,.resource-card):nth-child(12n){--mz-pop-delay:375ms}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sidebar-toggle{z-index:3200!important;pointer-events:auto!important;touch-action:manipulation!important}@media (min-width:769px){:root{--sidebar-item-count:18;--sidebar-item-gap:3px;--sidebar-item-height:min(42px,calc((100vh - var(--app-header-height, 160px) - 14px)/var(--sidebar-item-count)))}.app-sidebar{width:var(--desktop-sidebar-width)!important;min-width:var(--desktop-sidebar-width)!important;max-width:var(--desktop-sidebar-width)!important}.app-sidebar .menu{align-items:stretch!important;padding-right:0!important;padding-left:0!important}.app-sidebar .menu .el-sub-menu .el-menu-item,.app-sidebar .menu>.el-menu-item,.app-sidebar .menu>.el-sub-menu>.el-sub-menu__title{width:calc(100% - 8px)!important;min-width:0!important;max-width:calc(100% - 8px)!important;margin-right:auto!important;margin-left:auto!important;padding-right:6px!important;padding-left:6px!important;padding-inline-end:6px!important;padding-inline-start:6px!important;justify-content:flex-start!important;gap:0!important;height:var(--sidebar-item-height)!important;min-height:28px!important;max-height:42px!important;line-height:1.12!important;margin-top:0!important;margin-bottom:var(--sidebar-item-gap)!important}.app-sidebar .menu>.el-sub-menu,.app-sidebar .submenu-title-content{width:100%!important;min-width:0!important;max-width:100%!important}.app-sidebar .submenu-title-content{flex:1 1 auto!important;justify-content:flex-start!important}.app-sidebar .menu-icon{margin-right:7px!important}.app-sidebar .menu .el-menu-item span,.app-sidebar .menu .el-sub-menu__title span,.app-sidebar .submenu-title-content span{max-width:184px!important;flex:0 1 auto!important}.app-sidebar .menu .el-sub-menu .el-menu-item{padding-left:10px!important}.app-sidebar .el-sub-menu__icon-arrow{display:none!important;width:0!important;min-width:0!important;margin:0!important;padding:0!important}.app-sidebar .menu:not(.menu-expanded)>.el-menu-item,.app-sidebar .menu:not(.menu-expanded)>.el-sub-menu{flex:none!important;height:var(--sidebar-item-height)!important;min-height:28px!important;max-height:42px!important}.app-sidebar .menu:not(.menu-expanded)>.el-menu-item,.app-sidebar .menu:not(.menu-expanded)>.el-sub-menu>.el-sub-menu__title{height:var(--sidebar-item-height)!important;min-height:28px!important;max-height:42px!important}}@media (max-width:768px){:root{--sidebar-item-count:18;--sidebar-item-gap:2px;--sidebar-item-height:min(36px,calc((100vh - var(--app-header-height, 124px) - 10px)/var(--sidebar-item-count)))}.app-sidebar{width:var(--mobile-sidebar-width)!important;min-width:var(--mobile-sidebar-width)!important;max-width:var(--mobile-sidebar-width)!important}.app-sidebar .menu{align-items:stretch!important;padding-right:0!important;padding-left:0!important}.app-sidebar .menu .el-sub-menu .el-menu-item,.app-sidebar .menu>.el-menu-item,.app-sidebar .menu>.el-sub-menu>.el-sub-menu__title{width:calc(100% - 4px)!important;min-width:0!important;max-width:calc(100% - 4px)!important;margin-right:auto!important;margin-left:auto!important;padding-right:3px!important;padding-left:3px!important;padding-inline-end:3px!important;padding-inline-start:3px!important;justify-content:flex-start!important;height:var(--sidebar-item-height)!important;min-height:24px!important;max-height:36px!important;line-height:1.08!important;margin-top:0!important;margin-bottom:var(--sidebar-item-gap)!important}.app-sidebar .menu>.el-sub-menu{width:100%!important;min-width:0!important;max-width:100%!important}.app-sidebar .menu>.el-menu-item.menu-item,.app-sidebar .submenu-title-content{display:grid!important;grid-template-columns:11px minmax(0,max-content)!important;-moz-column-gap:3px!important;column-gap:3px!important;justify-content:start!important;width:100%!important;min-width:0!important;max-width:100%!important}.app-sidebar .menu-icon{width:11px!important;min-width:11px!important;max-width:11px!important;height:11px!important;margin-right:0!important;font-size:11px!important}.app-sidebar .menu .el-menu-item span,.app-sidebar .menu .el-sub-menu__title span,.app-sidebar .submenu-title-content span{max-width:calc(var(--mobile-sidebar-width) - 19px)!important;font-size:9.5px!important;line-height:1.08!important;flex:0 1 auto!important}.app-sidebar .menu .el-sub-menu .el-menu-item{padding-left:8px!important}.app-sidebar .menu:not(.menu-expanded)>.el-menu-item,.app-sidebar .menu:not(.menu-expanded)>.el-sub-menu{flex:none!important;height:var(--sidebar-item-height)!important;min-height:24px!important;max-height:36px!important}.app-sidebar .menu:not(.menu-expanded)>.el-menu-item,.app-sidebar .menu:not(.menu-expanded)>.el-sub-menu>.el-sub-menu__title{height:var(--sidebar-item-height)!important;min-height:24px!important;max-height:36px!important}}#app,#app *,.el-message,.el-notification,.el-overlay,.el-overlay *,.el-popper,.el-popper *{font-family:var(--mz-font-sans)!important;font-kerning:normal;font-optical-sizing:auto;font-feature-settings:"kern" 1,"liga" 1,"palt" 1;letter-spacing:0!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app :is(p,span,li,dd,dt,label,input,textarea,select,button,.meta,.description,.sub-title,.hint,.tool-description,.work-description,.video-desc,.video-meta,.work-meta,.resource-desc){font-weight:var(--mz-weight-body)!important}#app :is(.top-container-item,.category-toggle-button,.theme-toggle-button,.student-login-btn,.student-center-btn,.admin-login-btn,.filter-button,.primary-btn,.submit-btn,.login-btn,.register-btn,.upload-btn,.save-btn,.action-btn,.el-button,.app-sidebar .el-menu-item,.app-sidebar .el-sub-menu__title){font-weight:var(--mz-weight-medium)!important}#app :is(.tool-name,.work-title,.video-title,.resource-title,.card-title,.course-title,.section-title,.category-header,.page-title,.detail-title,h1,h2,h3,h4){font-family:var(--mz-font-display)!important;font-weight:var(--mz-weight-title)!important}#app :is(strong,b,.active,.is-active,.is-spy-active,.count,.stat,.price,.badge,.tag,.status,.rating-score){font-weight:var(--mz-weight-strong)!important}@media (max-width:768px){#app :is(p,span,li,label,input,textarea,select,button,.meta,.description,.sub-title,.hint){font-weight:320!important}#app :is(.tool-name,.work-title,.video-title,.resource-title,.card-title,.course-title,.section-title,.category-header,.page-title,h1,h2,h3,h4){font-weight:540!important}}html.theme-aurora .app-main,html.theme-dark .app-main,html.theme-default .app-main,html.theme-matrixrain .app-main{background:var(--bg-main)!important}html.theme-aurora .app-main :is(.student-works-page,.public-resources-page,.course-resources-page,.paid-resources-page),html.theme-dark .app-main :is(.student-works-page,.public-resources-page,.course-resources-page,.paid-resources-page),html.theme-default .app-main :is(.student-works-page,.public-resources-page,.course-resources-page,.paid-resources-page),html.theme-matrixrain .app-main :is(.student-works-page,.public-resources-page,.course-resources-page,.paid-resources-page){background:transparent!important;background-color:transparent!important;color:var(--text-primary)!important}html.theme-aurora .app-main :is(.modern-works-container,.content-container,.paid-list-content,.resources-layout,.resources-main),html.theme-dark .app-main :is(.modern-works-container,.content-container,.paid-list-content,.resources-layout,.resources-main),html.theme-default .app-main :is(.modern-works-container,.content-container,.paid-list-content,.resources-layout,.resources-main),html.theme-matrixrain .app-main :is(.modern-works-container,.content-container,.paid-list-content,.resources-layout,.resources-main){background:transparent!important;background-color:transparent!important}html.theme-aurora .app-main .mobile-search-container,html.theme-aurora .app-main .unified-header,html.theme-dark .app-main .mobile-search-container,html.theme-dark .app-main .unified-header,html.theme-matrixrain .app-main .mobile-search-container,html.theme-matrixrain .app-main .unified-header{background:var(--bg-header)!important;background-image:none!important;backdrop-filter:blur(16px) saturate(150%)!important;border-bottom:1px solid var(--border-color)!important}html.theme-aurora .app-sidebar,html.theme-dark .app-sidebar,html.theme-matrixrain .app-sidebar{background:var(--bg-sidebar)!important;background-image:none!important;border-right:1px solid var(--border-color)!important}html.theme-dark .app-sidebar :is(.el-menu,.sidebar-menu,.category-menu),html.theme-matrixrain .app-sidebar :is(.el-menu,.sidebar-menu,.category-menu){background:transparent!important}html.theme-dark .app-sidebar :is(.el-menu-item i,.el-sub-menu__title i,.menu-icon,.svg-inline--fa,.fa,svg),html.theme-dark .app-sidebar :is(.el-menu-item,.el-sub-menu__title,.menu-item,.submenu-title-content,.sidebar-item,.sidebar-label,span,a),html.theme-matrixrain .app-sidebar :is(.el-menu-item i,.el-sub-menu__title i,.menu-icon,.svg-inline--fa,.fa,svg),html.theme-matrixrain .app-sidebar :is(.el-menu-item,.el-sub-menu__title,.menu-item,.submenu-title-content,.sidebar-item,.sidebar-label,span,a){color:var(--text-primary)!important;fill:currentColor!important}html.theme-dark .app-sidebar :is(.el-menu-item:hover,.el-sub-menu__title:hover,.menu-item:hover,.sidebar-item:hover){background:rgba(96,165,250,.16)!important;color:#fff!important}html.theme-dark .app-sidebar :is(.el-menu-item.is-active,.el-sub-menu.is-active>.el-sub-menu__title,.menu-item.active,.sidebar-item.active,.is-spy-active){background:rgba(96,165,250,.24)!important;color:#fff!important}html.theme-matrixrain .app-sidebar :is(.el-menu-item:hover,.el-sub-menu__title:hover,.menu-item:hover,.sidebar-item:hover){background:rgba(42,245,152,.16)!important;color:#f0fffb!important;text-shadow:0 0 10px rgba(42,245,152,.42)!important}html.theme-matrixrain .app-sidebar :is(.el-menu-item.is-active,.el-sub-menu.is-active>.el-sub-menu__title,.menu-item.active,.sidebar-item.active,.is-spy-active){background:rgba(42,245,152,.24)!important;color:#fff!important;text-shadow:0 0 12px rgba(42,245,152,.55)!important}html.theme-aurora .app-main .mobile-search-container .top-container-item,html.theme-aurora .app-main .unified-header .top-container-item,html.theme-dark .app-main .mobile-search-container .top-container-item,html.theme-dark .app-main .unified-header .top-container-item,html.theme-matrixrain .app-main .mobile-search-container .top-container-item,html.theme-matrixrain .app-main .unified-header .top-container-item{background:var(--home-action-bg)!important;color:var(--home-action-color)!important;border:1px solid var(--border-color)!important;box-shadow:var(--home-action-shadow)!important}html.theme-aurora .app-main .top-container-item.active,html.theme-aurora .app-main .top-container-item:hover,html.theme-dark .app-main .top-container-item.active,html.theme-dark .app-main .top-container-item:hover,html.theme-matrixrain .app-main .top-container-item.active,html.theme-matrixrain .app-main .top-container-item:hover{filter:brightness(1.12) saturate(1.05)!important}html.theme-aurora .app-main .admin-login-btn,html.theme-aurora .app-main .category-toggle-button,html.theme-aurora .app-main .filter-button,html.theme-aurora .app-main .share-toggle-button,html.theme-aurora .app-main .student-center-btn,html.theme-aurora .app-main .student-login-btn,html.theme-aurora .app-main .theme-toggle-button,html.theme-dark .app-main .admin-login-btn,html.theme-dark .app-main .category-toggle-button,html.theme-dark .app-main .filter-button,html.theme-dark .app-main .share-toggle-button,html.theme-dark .app-main .student-center-btn,html.theme-dark .app-main .student-login-btn,html.theme-dark .app-main .theme-toggle-button,html.theme-matrixrain .app-main .admin-login-btn,html.theme-matrixrain .app-main .category-toggle-button,html.theme-matrixrain .app-main .filter-button,html.theme-matrixrain .app-main .share-toggle-button,html.theme-matrixrain .app-main .student-center-btn,html.theme-matrixrain .app-main .student-login-btn,html.theme-matrixrain .app-main .theme-toggle-button{background:var(--bg-card)!important;background-image:none!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}html.theme-aurora .app-main .unified-header .category-toggle-button i,html.theme-aurora .app-main .unified-header .share-toggle-button i,html.theme-aurora .app-main .unified-header .theme-toggle-button i,html.theme-dark .app-main .unified-header .category-toggle-button i,html.theme-dark .app-main .unified-header .share-toggle-button i,html.theme-dark .app-main .unified-header .theme-toggle-button i,html.theme-matrixrain .app-main .unified-header .category-toggle-button i,html.theme-matrixrain .app-main .unified-header .share-toggle-button i,html.theme-matrixrain .app-main .unified-header .theme-toggle-button i{color:var(--text-primary)!important}html.theme-aurora .app-main .mobile-search-container .search-input,html.theme-aurora .app-main .unified-header .category-search input,html.theme-aurora .app-main .unified-header .search-box,html.theme-aurora .app-main .unified-header .search-input,html.theme-dark .app-main .mobile-search-container .search-input,html.theme-dark .app-main .unified-header .category-search input,html.theme-dark .app-main .unified-header .search-box,html.theme-dark .app-main .unified-header .search-input,html.theme-matrixrain .app-main .mobile-search-container .search-input,html.theme-matrixrain .app-main .unified-header .category-search input,html.theme-matrixrain .app-main .unified-header .search-box,html.theme-matrixrain .app-main .unified-header .search-input{background:var(--bg-card)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}html.theme-aurora .app-main .unified-header .search-input::-moz-placeholder,html.theme-dark .app-main .unified-header .search-input::-moz-placeholder,html.theme-matrixrain .app-main .unified-header .search-input::-moz-placeholder{color:var(--text-secondary)!important}html.theme-aurora .app-main .unified-header .search-input::placeholder,html.theme-dark .app-main .unified-header .search-input::placeholder,html.theme-matrixrain .app-main .unified-header .search-input::placeholder{color:var(--text-secondary)!important}html.theme-aurora .app-main .course-card,html.theme-aurora .app-main .resource-card,html.theme-aurora .app-main .tool-card:not(.top-1):not(.top-2):not(.top-3),html.theme-aurora .app-main .work-card,html.theme-dark .app-main .course-card,html.theme-dark .app-main .resource-card,html.theme-dark .app-main .tool-card:not(.top-1):not(.top-2):not(.top-3),html.theme-dark .app-main .work-card,html.theme-matrixrain .app-main .course-card,html.theme-matrixrain .app-main .resource-card,html.theme-matrixrain .app-main .tool-card:not(.top-1):not(.top-2):not(.top-3),html.theme-matrixrain .app-main .work-card{background:var(--bg-card)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important}html.theme-aurora .app-main .tool-icon,html.theme-dark .app-main .tool-icon,html.theme-matrixrain .app-main .tool-icon{background:var(--bg-card)!important;border:1px solid var(--border-color)!important}html.theme-aurora .app-main .category-header,html.theme-aurora .app-main .category-section-top,html.theme-dark .app-main .category-header,html.theme-dark .app-main .category-section-top,html.theme-matrixrain .app-main .category-header,html.theme-matrixrain .app-main .category-section-top{background:var(--bg-card)!important;color:var(--text-primary)!important}html.theme-aurora .app-main :is(h1,h2,h3,h4,h5,h6,p,li,label,span,.category-header,.tool-name,.work-title,.course-title,.card-title),html.theme-dark .app-main :is(h1,h2,h3,h4,h5,h6,p,li,label,span,.category-header,.tool-name,.work-title,.course-title,.card-title),html.theme-matrixrain .app-main :is(h1,h2,h3,h4,h5,h6,p,li,label,span,.category-header,.tool-name,.work-title,.course-title,.card-title){color:var(--text-primary)}html.theme-aurora .app-main :is(.tool-description,.work-description,.meta,.card-desc,.video-desc,[class*=-hint],[class*=-info],[class*=-meta]),html.theme-dark .app-main :is(.tool-description,.work-description,.meta,.card-desc,.video-desc,[class*=-hint],[class*=-info],[class*=-meta]),html.theme-matrixrain .app-main :is(.tool-description,.work-description,.meta,.card-desc,.video-desc,[class*=-hint],[class*=-info],[class*=-meta]){color:var(--text-secondary)}html.theme-aurora .app-main .top-container-item span,html.theme-dark .app-main .top-container-item span,html.theme-matrixrain .app-main .top-container-item span{color:var(--home-action-color)!important}.theme-dialog{--el-dialog-width:260px!important}.theme-dialog .el-dialog,.theme-dialog.el-dialog{width:260px!important;max-width:calc(100vw - 32px)!important;border-radius:14px!important}.theme-dialog .el-dialog__header{padding:12px 14px 8px!important;margin-right:0!important}.theme-dialog .el-dialog__title{font-size:14px!important;font-weight:600!important}.theme-dialog .el-dialog__body{padding:6px 8px 10px!important}.theme-dialog .theme-options{display:flex!important;grid-template-columns:none!important;flex-direction:column!important;gap:4px!important}.theme-dialog .theme-option{min-height:36px!important;display:flex!important;align-items:center!important;gap:10px!important;padding:8px 34px 8px 10px!important;border:0!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;transform:none!important;overflow:visible!important}.theme-dialog .theme-option:hover{background:var(--bg-hover,rgba(102,126,234,.08))!important}.theme-dialog .theme-option.active{background:var(--bg-hover,rgba(102,126,234,.15))!important;font-weight:600!important}.theme-dialog .theme-preview{display:none!important}.theme-dialog .theme-dot{width:18px!important;height:18px!important;border-radius:50%!important;flex:0 0 18px!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)!important}.theme-dialog .theme-dot-default{background:linear-gradient(135deg,#3b82f6,#06b6d4)!important}.theme-dialog .theme-dot-dark{background:linear-gradient(135deg,#374151,#111827)!important}.theme-dialog .theme-dot-background{background:linear-gradient(135deg,#667eea,#764ba2)!important}.theme-dialog .theme-dot-aurora{background:linear-gradient(135deg,#6366f1,#ec4899)!important}.theme-dialog .theme-dot-quantum{background:linear-gradient(135deg,#00e5ff,#2af598 58%,#d7ff5f)!important}.theme-dialog .theme-dot-matrixrain{background:linear-gradient(135deg,#00f5ff,#2af598 48%,#d7ff5f)!important}.theme-dialog .theme-name{flex:1!important;padding:0!important;text-align:left!important;font-size:14px!important;color:var(--text-primary,#2c3e50)!important}.theme-dialog .theme-check{position:absolute!important;right:10px!important;top:50%!important;transform:translateY(-50%)!important;width:auto!important;height:auto!important;background:transparent!important;color:#667eea!important;border-radius:0!important;font-size:12px!important}html.theme-aurora :is(.theme-dialog.el-dialog,.theme-dialog .el-dialog,.theme-menu),html.theme-dark :is(.theme-dialog.el-dialog,.theme-dialog .el-dialog,.theme-menu),html.theme-default :is(.theme-dialog.el-dialog,.theme-dialog .el-dialog,.theme-menu),html.theme-matrixrain :is(.theme-dialog.el-dialog,.theme-dialog .el-dialog,.theme-menu){background:var(--bg-card)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-card)!important}html.theme-aurora .theme-dialog :is(.el-dialog__header,.el-dialog__body),html.theme-dark .theme-dialog :is(.el-dialog__header,.el-dialog__body),html.theme-default .theme-dialog :is(.el-dialog__header,.el-dialog__body),html.theme-matrixrain .theme-dialog :is(.el-dialog__header,.el-dialog__body){background:transparent!important;color:var(--text-primary)!important}html.theme-aurora :is(.theme-dialog .el-dialog__title,.theme-dialog .theme-name,.theme-menu-title,.theme-menu-name,.theme-menu-item i),html.theme-dark :is(.theme-dialog .el-dialog__title,.theme-dialog .theme-name,.theme-menu-title,.theme-menu-name,.theme-menu-item i),html.theme-default :is(.theme-dialog .el-dialog__title,.theme-dialog .theme-name,.theme-menu-title,.theme-menu-name,.theme-menu-item i),html.theme-matrixrain :is(.theme-dialog .el-dialog__title,.theme-dialog .theme-name,.theme-menu-title,.theme-menu-name,.theme-menu-item i){color:var(--text-primary)!important}html.theme-aurora :is(.theme-dialog .theme-option:hover,.theme-dialog .theme-option.active,.theme-menu-item:hover,.theme-menu-item.active),html.theme-dark :is(.theme-dialog .theme-option:hover,.theme-dialog .theme-option.active,.theme-menu-item:hover,.theme-menu-item.active),html.theme-default :is(.theme-dialog .theme-option:hover,.theme-dialog .theme-option.active,.theme-menu-item:hover,.theme-menu-item.active),html.theme-matrixrain :is(.theme-dialog .theme-option:hover,.theme-dialog .theme-option.active,.theme-menu-item:hover,.theme-menu-item.active){background:var(--bg-hover)!important}html.theme-dark :is(.theme-dialog .theme-check,.theme-menu-item.active .theme-menu-name,.theme-menu-item.active i){color:#60a5fa!important}html.theme-matrixrain :is(.theme-dialog .theme-check,.theme-menu-item.active .theme-menu-name,.theme-menu-item.active i){color:#2af598!important;text-shadow:0 0 10px rgba(42,245,152,.5)!important}:root{--mz-refined-font:"Microsoft YaHei UI Light","Microsoft YaHei UI","PingFang SC","Hiragino Sans GB","Noto Sans SC","Source Han Sans SC","Helvetica Neue",Arial,sans-serif;--mz-font-weight-body:300;--mz-font-weight-ui:400;--mz-font-weight-strong:500}#app,.app-main,.app-main :where(input,textarea,select,button,.el-button,.v-btn),body,html{font-family:var(--mz-refined-font)!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision}.app-main,body{font-size:13px!important;font-weight:var(--mz-font-weight-body)!important;letter-spacing:0!important}.app-main :where(p,li,label,span,input,textarea,button){font-weight:var(--mz-font-weight-body)}.app-main :where(strong,b,h1,h2,h3,h4,h5,h6,.tool-name,.work-title,.course-title,.card-title,.category-title,.category-header,.section-title){font-weight:var(--mz-font-weight-strong)!important}.app-main .mobile-search-container .top-container-item,.app-main .unified-header .top-container-item{font-size:16px!important;font-weight:var(--mz-font-weight-strong)!important}.app-main .unified-header :where(.category-toggle-button,.theme-toggle-button,.share-toggle-button,.student-login-btn,.student-center-btn,.admin-login-btn,.filter-button){font-size:12.5px!important;font-weight:var(--mz-font-weight-strong)!important}.app-main .mobile-search-container :where(.search-input,.search-box input),.app-main .unified-header :where(.search-input,.search-box input,.category-search input){font-size:12.5px!important;font-weight:var(--mz-font-weight-body)!important}.app-sidebar :where(.el-menu-item,.el-sub-menu__title,.menu-item,.sidebar-item,.sidebar-label,.submenu-title-content){font-size:14px!important;font-weight:var(--mz-font-weight-ui)!important}.app-sidebar :where(.el-menu-item i,.el-sub-menu__title i,.menu-icon,.svg-inline--fa,.fa,svg){font-size:16px!important}.app-main :where(.tool-name,.work-title,.course-title,.resource-title,.paid-resource-title,.card-title){font-size:12.5px!important;line-height:1.35!important}.app-main :where(.tool-description,.work-description,.course-description,.resource-desc,.video-desc,.card-desc){font-size:11px!important;line-height:1.45!important;font-weight:var(--mz-font-weight-body)!important}.app-main :where(.meta,.work-meta,.course-meta,.resource-meta,.tool-meta,[class*=-meta],[class*=-hint],[class*=-info]){font-size:10.5px!important;line-height:1.4!important;font-weight:var(--mz-font-weight-body)!important}.app-main :where(.category-header,.category-section-title,.section-title,.ranking-section-title,.group-title){font-size:14px!important;font-weight:var(--mz-font-weight-strong)!important}@media (max-width:768px){.app-main,.app-main .mobile-search-container .top-container-item,.app-main .unified-header .top-container-item,body{font-size:12px!important}.app-main .mobile-search-container :where(.search-input,.search-box input),.app-main .unified-header :where(.category-toggle-button,.theme-toggle-button,.share-toggle-button,.student-login-btn,.student-center-btn,.admin-login-btn,.filter-button),.app-main .unified-header :where(.search-input,.search-box input,.category-search input){font-size:11.5px!important}.app-sidebar :where(.el-menu-item,.el-sub-menu__title,.menu-item,.sidebar-item,.sidebar-label,.submenu-title-content){font-size:12.5px!important}.app-main :where(.tool-name,.work-title,.course-title,.resource-title,.paid-resource-title,.card-title){font-size:11.5px!important}}@media (max-width:768px){:root{--mobile-header-control-height:30px}.app-main .mobile-search-container .mobile-search-row,.app-main .unified-header .search-category-container{height:var(--mobile-header-control-height)!important;min-height:var(--mobile-header-control-height)!important;max-height:var(--mobile-header-control-height)!important;align-items:center!important}.app-main .mobile-search-container :is(.category-toggle-button,.theme-toggle-button,.share-toggle-button,.student-login-btn,.student-center-btn,.user-icon-btn),.app-main .unified-header .search-category-container button,.app-main .unified-header :is(.category-toggle-button,.theme-toggle-button,.share-toggle-button,.student-login-btn,.student-center-btn,.user-icon-btn,.admin-login-btn,.filter-button){height:var(--mobile-header-control-height)!important;min-height:var(--mobile-header-control-height)!important;max-height:var(--mobile-header-control-height)!important;line-height:var(--mobile-header-control-height)!important;padding-top:0!important;padding-bottom:0!important;border-radius:10px!important;box-sizing:border-box!important}.app-main .mobile-search-container .search-box,.app-main .mobile-search-container .search-input,.app-main .unified-header :is(.search-box,.category-search),.app-main .unified-header :is(.search-input,.category-search input){height:var(--mobile-header-control-height)!important;min-height:var(--mobile-header-control-height)!important;max-height:var(--mobile-header-control-height)!important;border-radius:10px!important;box-sizing:border-box!important}.app-main .mobile-search-container .search-input,.app-main .unified-header :is(.search-input,.category-search input){line-height:var(--mobile-header-control-height)!important;padding-top:0!important;padding-bottom:0!important}.app-main .mobile-search-container .category-toggle-button :is(i,svg,.svg-inline--fa),.app-main .unified-header .category-toggle-button :is(i,svg,.svg-inline--fa){display:none!important}.app-main .mobile-search-container .category-toggle-button,.app-main .unified-header .category-toggle-button{gap:0!important;width:auto!important;min-width:0!important;padding:0 12px!important}}:root{--logo-max-right:calc(16px + clamp(60px, calc(100vw - 722px), 220px));--nav-row-width:700px}@media (max-width:768px){:root{--logo-max-right:calc(6px + clamp(20px, calc(100vw - 340px), 132px));--nav-row-width:336px}}@media (min-width:769px){.app-main .unified-header .unified-header__nav-row{padding-left:max(0px,calc(var(--logo-max-right)*2 - 100% + var(--nav-row-width)))!important;padding-right:8px!important;box-sizing:border-box!important}.app-main .unified-header .search-category-container{padding-left:max(0px,calc(var(--logo-max-right) - max(0px, (100% - 1080px) / 2)))!important;box-sizing:border-box!important}}:root{--sidebar-menu-row-height:34px;--sidebar-menu-row-gap:3px}.app-sidebar .menu.menu-expanded .el-sub-menu .el-menu-item,.app-sidebar .menu.menu-expanded .submenu-title-content,.app-sidebar .menu.menu-expanded>.el-menu-item,.app-sidebar .menu.menu-expanded>.el-sub-menu>.el-sub-menu__title,.app-sidebar .menu:not(.menu-expanded) .submenu-title-content,.app-sidebar .menu:not(.menu-expanded)>.el-menu-item,.app-sidebar .menu:not(.menu-expanded)>.el-sub-menu,.app-sidebar .menu:not(.menu-expanded)>.el-sub-menu>.el-sub-menu__title{height:var(--sidebar-menu-row-height)!important;min-height:var(--sidebar-menu-row-height)!important;max-height:var(--sidebar-menu-row-height)!important;line-height:var(--sidebar-menu-row-height)!important;margin-top:0!important;margin-bottom:var(--sidebar-menu-row-gap)!important;box-sizing:border-box!important;align-items:center!important}.app-sidebar .menu.menu-expanded>.el-menu-item,.app-sidebar .menu.menu-expanded>.el-sub-menu,.app-sidebar .menu:not(.menu-expanded)>.el-menu-item,.app-sidebar .menu:not(.menu-expanded)>.el-sub-menu{flex:none!important;min-height:var(--sidebar-menu-row-height)!important;height:auto!important;margin-top:0!important;margin-bottom:var(--sidebar-menu-row-gap)!important}.app-sidebar .menu.menu-expanded>.el-sub-menu:not(.is-opened){flex:none!important;height:var(--sidebar-menu-row-height)!important;min-height:var(--sidebar-menu-row-height)!important;max-height:var(--sidebar-menu-row-height)!important;margin-top:0!important;margin-bottom:var(--sidebar-menu-row-gap)!important;overflow:hidden!important}.app-sidebar .menu.menu-expanded .el-sub-menu .el-menu{padding-top:0!important;padding-bottom:0!important;margin:0!important;gap:0!important}.app-sidebar .menu.menu-expanded>.el-sub-menu.is-opened{margin-top:0!important;margin-bottom:var(--sidebar-menu-row-gap)!important;padding:0!important}.app-sidebar .menu.menu-expanded>.el-sub-menu.is-opened .el-menu--inline,.app-sidebar .menu.menu-expanded>.el-sub-menu.is-opened>.el-menu{margin:0!important;padding:0!important;gap:0!important}.app-sidebar .menu.menu-expanded>.el-sub-menu.is-opened .el-menu-item{height:var(--sidebar-menu-row-height)!important;min-height:var(--sidebar-menu-row-height)!important;max-height:var(--sidebar-menu-row-height)!important;line-height:var(--sidebar-menu-row-height)!important;margin-top:0!important;margin-bottom:var(--sidebar-menu-row-gap)!important;box-sizing:border-box!important}body.mz-page-block-entrance .app-main :is(.tool-card,.work-card,.course-card,.resource-card),body.mz-page-block-entrance .app-main :is(.tool-card,.work-card,.course-card,.resource-card)>*,body.mz-page-block-entrance .app-main :is(.tool-card,.work-card,.course-card,.resource-card)>*>*{animation:none!important;animation-delay:0s!important}.app-main .footer{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:800;background:var(--bg-card,hsla(0,0%,100%,.92));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--border-color,rgba(102,126,234,.12));box-shadow:var(--shadow-footer,0 -4px 16px rgba(102,126,234,.08));display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:nowrap;padding:4px 16px calc(4px + env(safe-area-inset-bottom));font-size:14px;color:var(--text-secondary,#718096)}.app-main .footer .footer-actions{display:inline-flex;align-items:center;gap:14px;flex-wrap:nowrap}.app-main .footer .footer-action{border:1px solid transparent;background:transparent;color:var(--text-secondary,#718096);font-size:13px;line-height:1;padding:3px 10px;border-radius:var(--radius,12px);cursor:pointer;transition:all .2s ease}.app-main .footer .footer-action:hover{color:var(--home-action-text,#fff);background:var(--home-action-bg,linear-gradient(135deg,#667eea,#764ba2));border-color:rgba(102,126,234,.18);box-shadow:var(--home-action-shadow,0 4px 14px rgba(102,126,234,.2));transform:translateY(-1px)}.app-main .footer .footer-link{display:inline-flex;align-items:center;line-height:1;padding:3px 10px;white-space:nowrap;color:var(--text-secondary,#718096);text-decoration:none;transition:color .2s ease}.app-main .footer .footer-link:hover{color:var(--text-primary,#2d3748)}.app-main .footer .footer-link p{margin:0}.app-main .course-resources-page,.app-main .main-content,.app-main .public-resources-page,.app-main .student-works-page{padding-bottom:40px!important}@media (max-width:768px){.app-main .footer{gap:4px;padding:4px 6px calc(4px + env(safe-area-inset-bottom));font-size:12px}.app-main .footer .footer-actions{gap:2px}.app-main .footer .footer-action{font-size:11px;padding:3px 6px}.app-main .footer .footer-link{padding:3px 4px;font-size:11px}.app-main .course-resources-page,.app-main .main-content,.app-main .public-resources-page,.app-main .student-works-page{padding-bottom:52px!important}}