/* 右侧一整张卡片 + 固定滚动 */
.sticky-card {
  position: sticky;
  top: 90px;
  background: var(--panel);
  padding: 24px 20px;
  border-radius: 12px;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
}

.avatar {
  width: 85px;
  height: 85px;
  border-radius: 50%;
  object-fit: cover;
  border: 4px solid var(--panel);
  box-shadow: 0 3px 8px rgba(0,0,0,0.1);
}

.user-info {
  text-align: center;
}

.user-info h2 {
  font-size: 17px;
  color: var(--text);
  margin-bottom: 4px;
}

.user-info p {
  font-size: 13px;
  color: var(--text-light);
}

/* 分割线 */
.divider {
  width: 85%;
  height: 1px;
  background: var(--border);
  margin: 2px 0;
}

/* 预留信息框 */
.info-box-placeholder {
  width: 100%;
  height: 80px;
  background: var(--hover);
  border-radius: 8px;
}

/* 信息区 */
.info-section {
  width: 100%;
  text-align: center;
}

.info-section h4 {
  font-size: 14px;
  color: var(--text);
  margin-bottom: 6px;
}

.info-section p {
  font-size: 12px;
  color: var(--text-light);
  line-height: 1.5;
}