#app[data-v-36c19b7e]{height:100vh;width:100%}.layout-container[data-v-125bbab3]{height:100vh;display:flex;flex-direction:column;background-color:#f0f2f5}.layout-header[data-v-125bbab3]{height:60px;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px rgba(0,0,0,.1);position:relative;z-index:100}.layout-header .header-content[data-v-125bbab3]{height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 24px;color:#fff}.layout-header .header-content .header-left[data-v-125bbab3]{display:flex;align-items:center;font-size:18px;font-weight:500}.layout-header .header-content .header-left i[data-v-125bbab3]{font-size:24px;margin-right:12px}.layout-header .header-content .header-left .title[data-v-125bbab3]{letter-spacing:1px}.layout-header .header-content .header-right .current-time[data-v-125bbab3]{font-size:14px;opacity:.9;font-family:Courier New,monospace}.layout-main[data-v-125bbab3]{flex:1;display:flex;overflow:hidden}.layout-sidebar[data-v-125bbab3]{width:220px;background-color:#304156;box-shadow:2px 0 6px rgba(0,0,0,.1);position:relative;z-index:99}.layout-sidebar .sidebar-menu[data-v-125bbab3]{border:none;height:100%}.layout-sidebar .sidebar-menu .menu-title[data-v-125bbab3]{height:50px;display:flex;align-items:center;padding:0 20px;color:#bfcbd9;font-size:14px;font-weight:500;border-bottom:1px solid #434a56;margin-bottom:10px}.layout-sidebar .sidebar-menu .menu-title i[data-v-125bbab3]{margin-right:8px;font-size:16px}.layout-sidebar .sidebar-menu .el-menu-item[data-v-125bbab3]{height:48px;line-height:48px;margin:0 10px;border-radius:6px;transition:all .3s}.layout-sidebar .sidebar-menu .el-menu-item[data-v-125bbab3]:hover{background-color:rgba(64,158,255,.1)!important}.layout-sidebar .sidebar-menu .el-menu-item.is-active[data-v-125bbab3]{background-color:rgba(64,158,255,.2)!important;position:relative}.layout-sidebar .sidebar-menu .el-menu-item.is-active[data-v-125bbab3]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background-color:#409eff;border-radius:0 2px 2px 0}.layout-sidebar .sidebar-menu .el-menu-item i[data-v-125bbab3]{margin-right:8px;font-size:16px}.layout-content[data-v-125bbab3]{flex:1;display:flex;flex-direction:column;overflow:hidden}.layout-content .content-wrapper[data-v-125bbab3]{flex:1;padding:20px;overflow:auto;background-color:#f0f2f5}@media (max-width:768px){.layout-sidebar[data-v-125bbab3]{width:180px}.layout-header .header-content[data-v-125bbab3]{padding:0 16px}.layout-header .header-content .header-left[data-v-125bbab3]{font-size:16px}.layout-header .header-content .header-left i[data-v-125bbab3]{font-size:20px}.layout-header .header-content .header-right .current-time[data-v-125bbab3]{font-size:12px}.layout-content .content-wrapper[data-v-125bbab3]{padding:16px}}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;color:#303133;background-color:#fafafa}::-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}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.clearfix:after{content:"";display:table;clear:both}