.sidebar-content[data-v-36eae418]{height:100%;overflow-y:auto}.sidebar-menu[data-v-36eae418]{border:none;height:100%}*{margin:0;padding:0;box-sizing:border-box}#app{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;height:100vh;overflow:hidden}.app-container{height:100vh;background:#f5f7fa}.app-header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px rgba(0,0,0,.1);padding:0;height:60px;line-height:60px;z-index:1000}.header-content{justify-content:space-between;height:100%;padding:0 24px;color:#fff}.header-content,.header-left,.logo{display:flex;align-items:center}.logo{font-size:18px;font-weight:600;color:#fff}.logo i{font-size:24px;margin-right:8px}.logo-text{font-size:18px;font-weight:600}.header-right,.user-dropdown{display:flex;align-items:center}.user-dropdown{cursor:pointer;padding:8px 12px;border-radius:6px;transition:background-color .3s}.user-dropdown:hover{background-color:hsla(0,0%,100%,.1)}.user-dropdown .username{margin:0 8px;font-size:14px;color:#fff}.user-dropdown i{color:#fff;font-size:12px}.main-container{height:calc(100vh - 60px)}.app-sidebar{background:#fff;box-shadow:2px 0 8px rgba(0,0,0,.1);transition:width .3s;position:relative;z-index:999}.sidebar-content{height:100%;overflow-y:auto}.sidebar-menu{border:none;height:100%}.sidebar-toggle{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);width:32px;height:32px;background:#f5f7fa;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px rgba(0,0,0,.1)}.sidebar-toggle:hover{background:#e6f7ff;color:#1890ff}.app-main{background:#f5f7fa;padding:0;overflow:hidden}.main-content{height:100%;padding:24px;overflow-y:auto}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.app-sidebar{position:fixed;left:-200px}.app-sidebar:not(.el-aside--collapsed){left:0}.main-content{padding:16px}}.el-menu-item.is-active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.el-menu-item.is-active i{color:#fff}.el-menu-item:hover,.el-submenu__title:hover{background-color:#f0f9ff!important}.el-menu-item,.el-submenu__title{margin:4px 8px;border-radius:6px;height:46px;line-height:46px}.el-submenu .el-menu-item{min-width:auto;margin-left:8px;margin-right:8px}