/* 个人空间背景图片 */
.image_bj{          /* 任意宽度容器 */
  width:100%;
  height:200px;     /* 原高一半 */
  overflow:hidden;
}
.image_bj img{
  width:100%;
  height:100%;
  object-fit:cover;        /* 等比填充+裁剪 */
  object-position:40% 50%; /* 只留偏中间 */
  display:block;
}

/* 个人空间背景图片上下渐变 */
.img-box {
  position: relative;
  display: inline-block;        /* 或 block，按需 */
  line-height: 0;               /* 去掉底部空隙 */
  overflow: hidden;
}
/* 上下渐变遮罩 */
.img-box::before,
.img-box::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 50%;                  /* 控制渐变区域大小（可改） */
  pointer-events: none;
}
/* 上遮罩：黑→透明 */
.img-box::before {
  top: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,.6) 0%,rgba(0,0,0,0) 100%);
}
/* 下遮罩：透明→黑 */
.img-box::after {
  bottom: 0;
  background: linear-gradient(to top, rgba(0,0,0,.6) 0%, rgba(0,0,0,0) 100%);
}

/* 网站logo */
.image_logo{
  position: absolute;
  top: 20px;
  left: 30px;
  width: 185px;
  height: auto;
}
.image_logo img{
  width: 100%;
  height: 100%;
  object-fit: cover;         /* 防止图片压扁 */
  display: block;
}
/* 个人空间头像框 */
.image_txk{
  width: 90px;               /* 图片本身尺寸 */
  height: 90px;
  border-radius: 50%;        /* 1. 变圆 */
  overflow: hidden;          /* 把超出圆的部分裁掉 */
  box-shadow: 0 0 0 2px rgba(255,255,255,.35); /* 2. 白色透明外边框 */
  /* 如果想再大一点外框，把 2px 调大即可 */
}
.image_txk img{
  width: 100%;
  height: 100%;
  object-fit: cover;         /* 防止图片压扁 */
  display: block;
}