:root{--primary-color:#409eff;--header-height:64px;--bg-gradient:linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%)}html,body,#app{-webkit-font-smoothing:antialiased;background-color:#f0f2f5;height:100%;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.app-container{flex-direction:column;min-height:100vh;display:flex}.app-header{z-index:1000;-webkit-backdrop-filter:blur(12px);background-color:#ffffffd9;border-bottom:1px solid #0000000d;padding:0;transition:all .3s;position:sticky;top:0}.main-nav{justify-content:space-between;align-items:center;max-width:1200px;height:100%;margin:0 auto;padding:0 24px;display:flex}.logo-container{cursor:pointer;align-items:center;gap:10px;transition:transform .3s;display:flex}.logo-container:hover{transform:scale(1.02)}.logo-icon{color:var(--primary-color);font-size:28px}.logo-text{background:linear-gradient(45deg,#409eff,#36d1dc);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:800}.nav-menu.desktop-menu{background:0 0;border-bottom:none;flex:1;justify-content:flex-end;height:100%}.nav-menu.desktop-menu .el-menu-item{height:100%;line-height:var(--header-height);color:#606266;align-items:center;gap:6px;padding:0 20px;font-weight:500;transition:all .3s;display:flex}.nav-menu.desktop-menu .el-menu-item:hover,.nav-menu.desktop-menu .el-menu-item.is-active{color:var(--primary-color)!important;background-color:#0000!important}.nav-menu.desktop-menu .el-menu-item.is-active:after{content:"";background:var(--primary-color);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:20px;right:20px}.menu-toggle{cursor:pointer;color:#606266;border-radius:8px;padding:8px;font-size:24px;transition:background-color .3s;display:none}.menu-toggle:hover{background-color:#0000000d}.mobile-menu-drawer .el-drawer__body{flex-direction:column;padding:0;display:flex}.mobile-menu-header{border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;padding:24px;display:flex}.mobile-menu-header .close-icon{color:#909399;cursor:pointer;border-radius:8px;margin-right:-8px;padding:8px;font-size:24px;transition:all .3s}.mobile-menu-header .close-icon:active{color:#606266;background-color:#0000000d}.mobile-menu{flex:1;padding:16px;background-color:#0000!important;border-right:none!important}.mobile-menu .el-menu-item{color:#303133;border-radius:12px;align-items:center;gap:12px;height:56px;margin-bottom:8px;font-size:16px;transition:all .2s;display:flex;padding:0 16px!important}.mobile-menu .el-menu-item:hover{background-color:#00000005}.mobile-menu .el-menu-item.is-active{background-color:var(--el-color-primary-light-9);color:var(--primary-color);font-weight:600}.mobile-menu .el-menu-item:active{background-color:var(--el-color-primary-light-8);transform:scale(.98)}.menu-divider{background-color:#0000000d;height:1px;margin:16px 0}.logout-item-mobile{margin-top:auto;color:#f56c6c!important}.logout-item-mobile:hover,.logout-item-mobile:active{background-color:#fef0f0!important}.app-main{background:var(--bg-gradient);flex:1;padding:0}.app-main.no-padding{padding:0}.logout-item{color:#f56c6c!important}.logout-item:hover{color:#f78989!important}.content-wrapper{max-width:1200px;min-height:calc(100vh - var(--header-height) - 80px);margin:0 auto;padding:24px}.app-footer{color:#909399;text-align:center;background-color:#fff;border-top:1px solid #0000000d;padding:30px 20px;height:auto!important}.footer-content{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.footer-content p{margin:0;font-size:14px}.footer-divider{color:#dcdfe6;font-size:12px}.icp-link{color:#909399;align-items:center;gap:4px;font-size:12px;text-decoration:none;transition:color .3s;display:flex}.icp-icon{width:16px;height:16px}.icp-link:hover{color:var(--primary-color)}.fade-enter-active,.fade-leave-active{transition:opacity .3s,transform .3s}.fade-enter-from{opacity:0;transform:translateY(10px)}.fade-leave-to{opacity:0;transform:translateY(-10px)}@media screen and (width<=1024px){.nav-menu.desktop-menu{display:none!important}.main-nav{padding:0 16px}.logo-text{white-space:nowrap;font-size:18px}.logo-icon{font-size:24px}.menu-toggle{border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;margin-right:-8px;display:flex!important}.menu-toggle:active{background-color:#0000000d}.content-wrapper{min-height:calc(100vh - var(--header-height) - 60px);padding:16px}.app-footer{padding:20px 16px}.footer-content p{font-size:12px}}@media screen and (width<=768px){.content-wrapper{padding:0}.app-main{padding:0!important}}