/* 顶部导航栏整体样式 */
.full-header {
  background: var(--tsinghua-purple);
  padding: 1.1rem 0;                
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  width: 100%;
  box-sizing: border-box;
}

/* 内部容器：左右分布，居中 */
.header-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1.5rem;
  box-sizing: border-box;
}

/* 左侧：logo + 标题 */
.header-left {
  display: flex;
  align-items: center;
  gap: 12px;               /* logo 和标题间距 */
}

.header-logo {
  width: 300px;
  height: auto;
  object-fit: cover;
  border-radius: 8px;      /* 你可以改成 50% 做圆形 logo */
}

/* 右侧预留区域 */
.header-right {
  width: 200px;            /* 可调，也可删除让其自适应 */
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
/* ---------------------- */
/*        打印模式        */
/* ---------------------- */
@media print {
    .header-logo {
    display: block !important;
    visibility: visible !important;
    width: 300px !important;   /* 打印尺寸 */
    height: auto !important;
  }
  .full-header {
    width: 100% !important;
    padding: 0.6rem 0 !important;
    box-shadow: none !important;
  }

  .header-container {
    max-width: 100% !important;
    padding: 0 0.5rem !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
  }
}

/* ----------- 移动端适配 ----------- */
@media (max-width: 768px) {
  .header-container {
    justify-content: center;  /* 整体居中 */
  }

  .header-left {
    justify-content: center;  /* 左侧居中 */
    width: 100%;
  }

  .header-right {
    display: none !important; /* 移动端隐藏右侧 */
  }

  .header-logo {
    margin: 0 auto; /* 图片居中 */
  }
}
