/* ============================================================
   品牌大事记 · 响应式鱼骨时间线
   桌面端：中央主轴 + 节点左右交替
   移动端（<=720px）：单列鱼骨 / 时间线，主轴靠左，卡片居右
   ============================================================ */

/* ---------- 页头 ---------- */
.fb-head{max-width:720px;margin:0 auto 54px;text-align:center}
.fb-kicker{display:inline-flex;align-items:center;gap:12px;font-size:11px;letter-spacing:3px;color:#6d8a7a;text-transform:uppercase}
.fb-kicker::before,.fb-kicker::after{content:'';width:34px;height:2px;background:#0fae6f}
.fb-head h1{font-size:clamp(26px,3.2vw,44px);font-weight:400;letter-spacing:-1px;color:#123128;line-height:1.25;margin:16px 0 0}
.fb-head p{color:#5f7a6c;font-size:15px;line-height:2;margin:18px 0 0}

/* ---------- 鱼骨主体 ---------- */
.fb{position:relative;max-width:960px;margin:0 auto;padding:24px 0 8px}
.fb::before{content:'';position:absolute;top:0;bottom:0;left:50%;width:3px;background:#0fae6f;transform:translateX(-50%)}

.fb-item{position:relative;width:50%;padding:0 46px 46px 0}
.fb-item.below{left:50%;padding:0 0 46px 46px}

.fb-node{position:absolute;top:2px;right:-11px;width:22px;height:22px;border-radius:50%;background:#0fae6f;box-shadow:0 0 0 6px rgba(15,174,111,.18);z-index:2}
.fb-item.below .fb-node{right:auto;left:-11px}

.fb-card{position:relative;background:#fff;border:1px solid #e6ece6;border-radius:10px;padding:20px 24px;box-shadow:0 10px 30px rgba(17,59,42,.06);transition:transform .25s,box-shadow .25s,border-color .25s}
.fb-item.above .fb-card{margin-right:8px}
.fb-item.below .fb-card{margin-left:8px}
.fb-card:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(17,59,42,.10);border-color:#cfe8da}

.fb-year{display:inline-block;font-size: 14px;letter-spacing:1px;color:#0fae6f;font-weight:600;margin-bottom:7px;text-transform:uppercase}
.fb-card h3{font-size:17px;font-weight:600;color:#123128;margin:0 0 6px;line-height:1.35}
.fb-card p{font-size: 14px;line-height:1.85;color:#6a7f74;margin:0}

/* ---------- 移动端：单列鱼骨 / 时间线 ---------- */
@media(max-width:720px){
    .fb{max-width:none;padding:10px 0 4px}
    .fb::before{left:14px;transform:none}
    .fb-item,.fb-item.below{width:100%;left:0;padding:0 0 26px 42px}
    .fb-item.above .fb-card,.fb-item.below .fb-card{margin:0}
    .fb-node,.fb-item.below .fb-node{top:3px;right:auto;left:3px;width:20px;height:20px;box-shadow:0 0 0 5px rgba(15,174,111,.18)}
    .fb-card{padding:16px 18px}
}