.MainBodyBox{width:100vw;height:100vh}*{margin:0;padding:0;box-sizing:border-box}.home-container[data-v-2c53de9d]{height:100vh;overflow:hidden;font-family:PingFang SC,Helvetica Neue,Arial,sans-serif}.header[data-v-2c53de9d]{background-color:#111827;box-shadow:0 2px 8px rgba(0,0,0,.2);display:flex;justify-content:space-between;align-items:center;padding:0 24px}.header-left[data-v-2c53de9d]{display:flex;align-items:center;gap:16px}.sidebar-toggle[data-v-2c53de9d]{font-size:16px;color:#e5e7eb;border-color:hsla(0,0%,100%,.2);transition:all .3s}.sidebar-toggle[data-v-2c53de9d]:hover{border-color:#e5e7eb;background-color:hsla(0,0%,100%,.1)}.logo[data-v-2c53de9d]{font-size:18px;font-weight:600;color:#f3f4f6;letter-spacing:1px}.header-right[data-v-2c53de9d]{display:flex;align-items:center;gap:16px}.header-actions[data-v-2c53de9d]{display:flex;align-items:center;gap:8px}.header-btn[data-v-2c53de9d]{color:hsla(0,0%,100%,.7);transition:color .3s}.header-btn[data-v-2c53de9d]:hover{color:#f3f4f6}.user-info[data-v-2c53de9d]{display:flex;align-items:center;gap:8px;padding:4px 12px;border-radius:20px;cursor:pointer;transition:background-color .3s}.user-info[data-v-2c53de9d]:hover{background-color:hsla(0,0%,100%,.1)}.user-name[data-v-2c53de9d]{font-size:14px;color:#f3f4f6}.sidebar[data-v-2c53de9d]{background-color:#1f2937;transition:width .3s;overflow:hidden;box-shadow:2px 0 8px rgba(0,0,0,.1)}.sidebar-collapsed[data-v-2c53de9d]{width:64px!important}[data-v-2c53de9d] .el-menu-vertical-demo{border-right:none;padding:12px 0}[data-v-2c53de9d] .el-menu-item{height:56px;line-height:56px;margin:0 8px;border-radius:8px;margin-bottom:8px;transition:all .3s}[data-v-2c53de9d] .el-menu-item:hover{background-color:hsla(0,0%,100%,.1)!important}[data-v-2c53de9d] .el-menu-item.is-active{background-color:rgba(59,130,246,.2)!important}.main-content[data-v-2c53de9d]{padding:0;background-color:#1865b1;width:calc(100% - 200px);height:100%}.content-wrapper[data-v-2c53de9d]{padding:24px;min-height:100%}@media (max-width:768px){.header[data-v-2c53de9d]{padding:0 16px}.logo[data-v-2c53de9d]{font-size:16px}.sidebar[data-v-2c53de9d]{position:fixed;left:0;top:60px;height:calc(100vh - 60px);z-index:100}.content-wrapper[data-v-2c53de9d]{padding:16px}}[data-v-2c53de9d]::-webkit-scrollbar{width:6px;height:6px}[data-v-2c53de9d]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}[data-v-2c53de9d]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}[data-v-2c53de9d]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}