.layout-container[data-v-d09604d6]{display:flex;flex-direction:column;height:100vh;overflow:hidden;--primary-color: #7028e4;--secondary-color: #4a7bf7;--text-color: #333;--bg-color: #f5f7fa;--card-shadow: 0 10px 25px rgba(0, 0, 0, .05);--border-radius: 8px;--sidebar-active: #6a48f0;font-family:PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif}.top-header[data-v-d09604d6]{height:60px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 20px;width:100%;z-index:1002;box-shadow:0 2px 10px #00000026;position:relative}.menu-toggle[data-v-d09604d6]{display:flex;align-items:center;justify-content:center;cursor:pointer;margin-right:15px;width:32px;height:32px;border-radius:4px;transition:background-color .3s}.menu-toggle[data-v-d09604d6]:hover{background-color:#ffffff1a}.menu-toggle .el-icon[data-v-d09604d6]{font-size:20px}.logo-icon[data-v-d09604d6]{width:32px;height:32px;margin-right:10px}.logo-icon img[data-v-d09604d6]{width:100%;height:100%;object-fit:contain}.system-title[data-v-d09604d6]{font-size:18px;font-weight:700}.header-left[data-v-d09604d6],.header-right[data-v-d09604d6]{display:flex;align-items:center}.dropdown-icon[data-v-d09604d6]{color:#fff;font-size:16px;margin-left:5px}.user-info[data-v-d09604d6]{display:flex;align-items:center;cursor:pointer;color:#fff;padding:5px 10px;border-radius:4px;transition:background-color .3s}.user-info[data-v-d09604d6]:hover{background-color:#ffffff1a}.user-info span[data-v-d09604d6]{margin:0 10px}.user-avatar[data-v-d09604d6]{background:linear-gradient(135deg,#7028e4,#4a7bf7)}.main-container[data-v-d09604d6]{display:flex;flex:1;overflow:hidden;position:relative}.sidebar[data-v-d09604d6]{width:200px;height:100%;background:linear-gradient(180deg,#2c3e50,#1a252f);color:#fff;overflow-y:auto;box-shadow:2px 0 10px #0000001a;transition:all .3s ease;padding-top:15px;position:relative;z-index:20}.sidebar-collapsed[data-v-d09604d6]{width:64px}.sidebar-mobile[data-v-d09604d6]{position:fixed;left:0;top:60px;height:calc(100vh - 60px);z-index:1001;width:200px;transform:translate(0);transition:transform .3s ease;box-shadow:2px 0 10px #0003;border-top:none}.sidebar-overlay[data-v-d09604d6]{position:fixed;top:60px;left:0;right:0;bottom:0;background-color:#00000080;z-index:15}.sidebar-menu[data-v-d09604d6]{display:flex;flex-direction:column}.sidebar-menu-item[data-v-d09604d6]{display:flex;align-items:center;padding:14px 20px;font-size:14px;cursor:pointer;transition:all .3s;border-left:3px solid transparent}.sidebar-menu-item[data-v-d09604d6]:hover{background-color:#ffffff1a}.sidebar-menu-item.active[data-v-d09604d6]{background-color:#6a48f04d;border-left:3px solid var(--sidebar-active)}.sidebar-menu-item .el-icon[data-v-d09604d6]{margin-right:10px;font-size:18px}.main-content[data-v-d09604d6]{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;transition:all .3s ease;width:calc(100% - 200px);margin-left:0;background-color:#f5f7fa}.main-content-expanded[data-v-d09604d6]{width:calc(100% - 64px)}.main-content-mobile[data-v-d09604d6]{width:100%;margin-left:0}@media(max-width:768px){.layout-container[data-v-d09604d6]{flex-direction:column;overflow-x:hidden}.top-header[data-v-d09604d6]{padding:0 15px;height:56px;z-index:1002;box-shadow:0 2px 8px #00000026}.system-title[data-v-d09604d6]{font-size:16px}.logo-icon[data-v-d09604d6]{width:28px;height:28px}.sidebar[data-v-d09604d6]{position:fixed;left:0;top:56px;height:calc(100vh - 56px);transform:translate(-100%);z-index:1001;transition:transform .3s ease;margin:0;padding-top:0;border-top:none;box-shadow:none}.sidebar-mobile[data-v-d09604d6]{transform:translate(0);box-shadow:2px 0 10px #0000004d;top:56px;height:calc(100vh - 56px);border-top:none}.sidebar-overlay[data-v-d09604d6]{top:56px}.sidebar-collapsed[data-v-d09604d6]{transform:translate(-100%)}.sidebar-menu[data-v-d09604d6]{padding-top:10px}.user-info span[data-v-d09604d6]{display:none}.main-content[data-v-d09604d6]{width:100%;overflow-x:hidden}}@media(max-width:480px){.top-header[data-v-d09604d6]{padding:0 12px;height:50px}.menu-toggle[data-v-d09604d6]{margin-right:10px;width:28px;height:28px}.logo-icon[data-v-d09604d6]{width:24px;height:24px;margin-right:8px}.system-title[data-v-d09604d6]{font-size:14px}.sidebar[data-v-d09604d6],.sidebar-mobile[data-v-d09604d6]{top:50px;height:calc(100vh - 50px)}.sidebar-overlay[data-v-d09604d6]{top:50px}}