    body {
      font-family: Arial, sans-serif;
      margin: 0; padding: 0;
      background-color: #f5f5f5;
    }

    header {
      background-color: #2c3e50;
      color: white;
      padding: 20px;
      text-align: center;
    }
    .staff-section {
      display: flex;
      justify-content: space-around;
      padding: 20px;
      background-color: #e6f2ff;
    }

    .staff-member {
      display: flex;
      width: 22%;
      background-color: white;
      border-radius: 8px;
      box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
      overflow: hidden;
    }

    .staff-photo img {
      width: 100px;
      height: 100px;
      object-fit: cover;
    }

    .staff-info {
      padding: 4px;
      display: block;
    }
    main {
      max-width: 800px; 
      margin: auto; 
      padding: 20px; 
    }

    .post-form textarea,
    .post-form input[type="text"] {
      width: calc(100% - 22px);
      padding:10px; 
	  margin-bottom:.7em
	  ;
	  border-radius:.3em;border:.9px solid #ccc
	  
	}
	

.post {background:white;padding:.7em;margin-bottom:.7em;border-radius:.4em;}
.comment {margin-left:.7em;background:#f1f1f1;padding:.5em;border-radius:.3em;margin-top:.4em}
.reply {margin-left:.7em;background:#fffbe6;padding:.4em;border-radius:.3em;margin-top:.2em;font-size:.95em}

h2,h3{margin-bottom:-.2rem}

textarea.comment-input {width:auto;height:auto;}

hr{border:none;height:.5px;background:#ccc;margin-top:.9rem;margin-bottom:.9rem}

.post {
  background: white;
  padding: .7em;
  margin-bottom: .7em;
  border-radius: .4em;
  display: flex; /* 使用 Flexbox */
}

.post-header {
  display: flex; /* 横向排列头像和用户名 */
  align-items: center; /* 垂直居中对齐 */
}

.post-header img {
  margin-right: .5em; /* 添加间距 */
}

.post-content {
  margin-left: .5em; /* 添加间距 */
}

.comment {
  margin-left: .7em;
  background: #f1f1f1;
  padding: .5em;
  border-radius:.3em;
}
.reply {
   margin-left:.7em;background:#fffbe6;padding:.4em;border-radius:.3em;margin-top:.2em;font-size:.95em
}
