*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.layout-container[data-v-511807ea]{background:#f1f3f5;flex-direction:column;height:100vh;display:flex;overflow:hidden}.top-header[data-v-511807ea]{z-index:10;background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;height:52px;padding:0 16px 0 20px;display:flex}.header-left[data-v-511807ea]{align-items:center;gap:8px;display:flex}.logo-icon[data-v-511807ea]{font-size:20px}.logo-text[data-v-511807ea]{color:#111827;letter-spacing:.5px;font-size:16px;font-weight:600}.header-right[data-v-511807ea]{align-items:center;gap:14px;display:flex}.help-btn[data-v-511807ea]{color:#6b7280;cursor:pointer;border-radius:4px;align-items:center;padding:4px 8px;font-size:13px;display:flex}.help-btn[data-v-511807ea]:hover{color:#3b82f6;background:#eff6ff}.header-icon[data-v-511807ea]{color:#6b7280;cursor:pointer;font-size:18px}.header-icon[data-v-511807ea]:hover{color:#3b82f6}.header-badge[data-v-511807ea] .el-badge__content{top:2px;right:-2px}.user-info[data-v-511807ea]{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:4px 10px 4px 6px;display:flex}.user-info[data-v-511807ea]:hover{background:#f3f4f6}.user-avatar[data-v-511807ea]{color:#fff;background:#3b82f6;font-size:13px;font-weight:500}.user-name[data-v-511807ea]{color:#374151;font-size:13px;font-weight:500}.role-tag[data-v-511807ea]{height:18px;padding:0 4px;font-size:10px;line-height:16px}.arrow[data-v-511807ea]{color:#9ca3af;font-size:11px}.body-area[data-v-511807ea]{flex:1;display:flex;overflow:hidden}.sidebar-l1[data-v-511807ea]{background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;flex-shrink:0;align-items:center;width:60px;padding-top:6px;display:flex;overflow-y:auto}.l1-item[data-v-511807ea]{cursor:pointer;color:#555;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:2px;transition:all .15s;display:flex;position:relative}.l1-item[data-v-511807ea]:hover{color:#409eff;background:#f0f5ff}.l1-item.active[data-v-511807ea]{color:#409eff;background:#e6f0ff}.l1-label[data-v-511807ea]{white-space:nowrap;margin-top:2px;font-size:10px;line-height:1}.l1-badge[data-v-511807ea] .el-badge__content{top:0;right:-4px}.sidebar-l2[data-v-511807ea]{background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;flex-shrink:0;width:180px;display:flex;overflow-y:auto}.l2-header[data-v-511807ea]{color:#333;border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:14px 16px 10px;font-size:13px;font-weight:600}.l2-body[data-v-511807ea]{flex:1;padding:6px 0;overflow-y:auto}.l2-group-title[data-v-511807ea]{color:#999;letter-spacing:.3px;padding:12px 16px 4px;font-size:11px;font-weight:500}.l2-item[data-v-511807ea]{color:#555;cursor:pointer;border-left:3px solid #0000;padding:8px 16px;font-size:13px;transition:all .12s}.l2-item[data-v-511807ea]:hover{color:#409eff;background:#f5f7fa}.l2-item.active[data-v-511807ea]{color:#409eff;background:#ecf5ff;border-left-color:#409eff;font-weight:500}.main-area[data-v-511807ea]{box-sizing:border-box;background:#f1f3f5;flex:1;min-width:0;padding:14px;overflow-y:auto}.fade-enter-active[data-v-511807ea],.fade-leave-active[data-v-511807ea]{transition:opacity .15s}.fade-enter-from[data-v-511807ea],.fade-leave-to[data-v-511807ea]{opacity:0}