/* ============================================
   一叶舟 Yiyezhou Studio - 关于我们·团队样式
   团队卡片 / 时间线
   ============================================ */

/* ---- About Grid & Cards ---- */
.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-bottom:56px}
.about-card{background:#fff;border:3px solid #000;border-radius:4px;padding:36px 28px;text-align:center;box-shadow:6px 6px 0 #000;transition:all .2s;position:relative;top:0;left:0}
.about-card:hover{top:-3px;left:-3px;box-shadow:9px 9px 0 #000}
.about-avatar{width:100px;height:100px;border:3px solid #000;border-radius:50%;object-fit:cover;margin:0 auto 18px;background:#000;display:flex;align-items:center;justify-content:center;font-size:36px;color:#fff;font-weight:900}
.about-card h3{font-size:18px;color:#000;margin-bottom:8px;font-weight:900;letter-spacing:1px}
.about-card .role{font-size:12px;color:#000;font-weight:800;margin-bottom:12px;letter-spacing:3px;padding:4px 12px;border:2px solid #000;display:inline-block}
.about-card p{font-size:14px;color:#444;line-height:1.8;font-weight:500}

/* ---- Timeline ---- */
.timeline{position:relative;max-width:750px;margin:0 auto;padding-left:36px}
.timeline::before{content:"";position:absolute;left:12px;top:0;bottom:0;width:4px;background:#000}
.timeline-item{position:relative;margin-bottom:36px;padding-left:28px;border:3px solid #000;padding:20px 20px 20px 28px;border-radius:4px;box-shadow:4px 4px 0 #000;background:#fff;margin-left:-8px;margin-bottom:24px}
.timeline-item::before{content:"";position:absolute;left:-22px;top:24px;width:16px;height:16px;border:3px solid #000;border-radius:50%;background:#fff}
.timeline-item .time{font-size:13px;color:#000;font-weight:900;margin-bottom:4px;letter-spacing:1px}
.timeline-item h4{font-size:17px;color:#000;margin-bottom:6px;font-weight:900}
.timeline-item p{font-size:14px;color:#555;line-height:1.7;font-weight:500}

/* ---- Responsive ---- */
@media(max-width:768px){
  .about-grid{grid-template-columns:1fr}
}