#app[data-v-c6f3601e]{height:100vh}.el-header[data-v-c6f3601e]{background:#fff;border-bottom:1px solid #e4e7ed;padding:0}.header-content[data-v-c6f3601e]{display:flex;align-items:center;height:100%;padding:0 20px}.logo[data-v-c6f3601e]{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:700;color:#409eff;margin-right:40px}.nav-menu[data-v-c6f3601e]{flex:1;border-bottom:none}.header-actions[data-v-c6f3601e]{display:flex;align-items:center;gap:16px}.notification-drawer-body[data-v-c6f3601e]{display:flex;flex-direction:column;height:100%;overflow:hidden}.notification-list[data-v-c6f3601e]{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding-bottom:8px}.notification-item[data-v-c6f3601e]{padding:12px;border-radius:8px;background:#f5f7fa;display:flex;justify-content:space-between;align-items:flex-start}.notification-item.unread[data-v-c6f3601e]{background:#ecf5ff;border-left:3px solid #409EFF}.notification-content[data-v-c6f3601e]{flex:1}.notification-title[data-v-c6f3601e]{font-weight:700;margin-bottom:4px}.notification-message[data-v-c6f3601e]{font-size:14px;color:#606266;margin-bottom:4px}.notification-time[data-v-c6f3601e]{font-size:12px;color:#909399}.notification-actions[data-v-c6f3601e]{flex-shrink:0;padding:16px 0 4px;border-top:1px solid #e4e7ed;display:flex;gap:12px;justify-content:center}html,body{height:100%;margin:0;overflow:hidden}#app{height:100%;overflow:hidden}.el-container{height:100%}.el-main{overflow-y:auto!important;flex:1;min-height:0;position:relative}.el-main.no-scroll{overflow:hidden!important;padding:0!important}.el-drawer__body{overflow:hidden!important;display:flex;flex-direction:column;height:100%;padding:16px 20px;box-sizing:border-box}