@charset "UTF-8";
:root {
  --primary: #870A0F;
  --sidebar-bg: #FFFCF5;
  --card-bg: #f3f3f3;
}

/* ========== 主体布局 ========== */
.org-wrapper {
  display: flex;
  gap: 0.2083rem;
  align-items: flex-start;
}

/* ========== 左侧导航 ========== */
.org-sidebar {
  width: 1.526rem;
  flex-shrink: 0;
  background:url(../imgs/jgsz_2.png) no-repeat top left/cover;
  height: 2.890625rem;
  position: relative;
  border-top:1px solid rgba(235, 184, 80,1);
  &:before{
    content:'';
    width: 0.0677rem;
    height: 0.724rem;
    background: url(../imgs/jgsz_1.jpg) no-repeat bottom center/cover;
    position: absolute;
    left:0;
    top:0;
    transform: translateX(-100%);
  }
}
.org-nav {
  display: block;
  padding: 0.1042rem 0.1563rem;
  transition: all 0.2s;
  text-align: center;
  font-size: 0.125rem;
  color: #333333;
}
.org-nav:last-child {
  border-bottom: none;
}
.org-nav:hover,
.org-nav.active {
  background: var(--primary);
  color: #fff;
  font-weight: bold;
}

/* ========== 右侧主区域 ========== */
.org-main {
  flex: 1;
  min-width: 0;
}

/* ========== 分组标题 ========== */
.org-group {
  margin-bottom: 0.2083rem;
}
.group-title {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 0.2604rem;
}
.group-bar {
  height: 5px;
  background: linear-gradient(-90deg, #870A0F, #E8AF55);
  position: absolute;
  left:0;
  width: 100%;
  top:50%;
  transform: translateY(-50%);
}
.group-text {
  font-weight: bold;
  color: var(--title);
  position: relative;
  z-index: 1;
  padding:0 0.1458rem;
  background: #fff;
  margin-left: 0.28125rem;
  font-size: 0.15625rem;
}

/* ========== 部门网格 ========== */
.group-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap:0.15625rem 0.2604rem;
}
.dept-item {
  display: flex;
  align-items: center;
  background: #F3F3F3;
  transition: all 0.2s;
  height: 0.5417rem;
  padding-left: 0.1667rem;
  position: relative;
}
.dept-item:hover {
  background: url(../imgs/jgsz_3.png) no-repeat center center /cover;
  box-shadow: 0 0.0208rem 0.0625rem rgba(135,10,15,0.08);
}
.dept-bar {
  width: 2px;
  height: 0.25rem;
  background: #870A0F;
  position: absolute;
  left:0;
  top:50%;
  transform: translateY(-50%);
}
.dept-name {
  font-size:0.1042rem;
  color: #333;
}
.dept-item:hover .dept-name {
  color: #FFFFFF;
}