/* 导航卡片样式 - 全局样式文件 */
.my-nav-item.m-compact {
  background: #ffffff;
  border-radius: 10px;
  padding: 4px 6px;
  transition: none;
  width: max-content;     /* 让卡片根据内容自适应宽度 */
  margin: 0 auto;         /* 居中卡片 */
}
.my-nav-item.m-compact:hover { }
.my-nav-item.m-compact .cc-nav-title {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer; /* 确保整个标题区域可点击 */
  /* 移除固定最小高度以贴合图片实际高度 */
}
.my-nav-item.m-compact .cc-nav-title img {
  height: 36px;
  width: auto;
  object-fit: contain;
  pointer-events: none; /* 禁用图片的点击事件，让点击事件传递到父级链接 */
  cursor: pointer; /* 保持鼠标指针样式 */
}
/* 禁用 medium-zoom 的放大功能 */
.my-nav-item.m-compact .cc-nav-title img.medium-zoom-image {
  cursor: pointer;
}

/* 页面布局样式 */
body {
  height: 100%;
  display: table;
  width: 100%;
}
#root {
  display: table-row;
  height: 100%;
}
.page-nav {
  display: table-row;
  height: 50px;
  position: absolute;
  width: calc(100% - 404px);
}
.page-edit {
  right: 10px;
  bottom: 10px;
  width: 94%;
}
.cc-row {
  display: block;
  float: left;
}
.cywz-001 {
  margin: 10px;
  float: left;
  background-color: #f3f4f5;
  padding: 6px 10px;          /* 让外层灰色背景更贴合内容 */
  width: max-content;         /* 根据内容自适应宽度 */
  height: auto;               /* 自适应高度 */
  display: inline-block;      /* 不占满整行 */
  position: relative;
  border-radius: 10px 10px 10px 10px;
}
.cc-nav-des {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 280px;
  height: 36px;
  font-size: 10px;
  position: absolute;
  bottom: 0;
}