/* ============================================================
   news-gonggao.css —— 通知公告
   骨架 S3 时间轴
   光影 D2 对角光斑/暗角 · D6 光影双色块
   ============================================================ */

.gg-hero{padding:140px 0 56px;background:linear-gradient(135deg,#F5F5F2,#fff);}
.gg-hero h1{font-size:clamp(30px,4vw,44px);margin:16px 0 12px;}
.gg-hero p{color:var(--text-weak);max-width:620px;}

/* ---------- S3 时间轴 ---------- */
.timeline{position:relative;max-width:860px;margin:0 auto;padding-left:34px;}
.timeline::before{
  content:"";position:absolute;left:8px;top:6px;bottom:6px;width:2px;
  background:linear-gradient(180deg,var(--brown-100),var(--brown-300));
}
.tl-item{position:relative;padding-bottom:26px;}
.tl-dot{
  position:absolute;left:-34px;top:6px;width:18px;height:18px;transform:rotate(45deg);
  background:#fff;border:3px solid var(--brown-300);
}
.tl-card{
  background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-s);padding:24px 26px;
  position:relative;
}
.tl-card::before{
  content:"";position:absolute;top:0;left:0;width:100%;height:4px;
  background:linear-gradient(135deg,var(--brown-100),var(--brown-300));
}
.tl-date{font-size:12.5px;color:var(--brown-400);letter-spacing:1px;}
.tl-card h3{font-size:18px;margin:8px 0 10px;}
.tl-card p{font-size:14px;color:var(--text-weak);line-height:1.85;margin-bottom:12px;}
.tl-link{font-size:13.5px;font-weight:700;}

/* ---------- 注意事项 D6 双色块 ---------- */
.gg-tips{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;}
.tips-img img{width:100%;height:auto;box-shadow:var(--shadow-b);}
.tips-body h2{font-size:clamp(24px,3vw,34px);margin:14px 0 18px;line-height:1.35;}
.tips-body ul{margin:0 0 22px;padding:0;}
.tips-body li{
  padding:10px 0 10px 26px;position:relative;font-size:14.5px;color:var(--text);
  border-bottom:1px dashed var(--line);
}
.tips-body li::before{
  content:"";position:absolute;left:0;top:16px;width:10px;height:10px;transform:rotate(45deg);
  background:linear-gradient(135deg,var(--brown-100),var(--brown-300));
}

/* ---------- CTA ---------- */
.gg-cta{padding:84px 0;text-align:center;background:linear-gradient(135deg,#F5F5F2,#fff);}
.gg-cta h2{font-size:clamp(26px,3.4vw,38px);margin-bottom:12px;}
.gg-cta p{color:var(--text-weak);margin-bottom:26px;}

/* ---------- 相关 ---------- */
.rel-links{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;}
.rel-card{
  background:#fff;border:1px solid var(--line);padding:20px 14px;text-align:center;font-weight:700;
  color:var(--text);box-shadow:var(--shadow-s);transition:all .25s ease;
}
.rel-card:hover{color:var(--brown-400);transform:translateY(-2px);}

@media (max-width:920px){
  .gg-tips{grid-template-columns:1fr;}
  .rel-links{grid-template-columns:1fr 1fr;}
}

/* ===== 补写内容通用样式 gb-* ===== */
.gb-lead{color:var(--text-weak);line-height:1.9;font-size:15px;max-width:760px;}
.gb-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:26px;}
.gb-cols2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:26px;}
.gb-card{background:#fff;border:1px solid var(--line);padding:22px;box-shadow:var(--shadow-s);}
.gb-card h3{font-size:16px;color:var(--brown-400);margin-bottom:8px;}
.gb-card p{font-size:14px;color:var(--text-weak);line-height:1.85;margin:0;}
.gb-list{list-style:none;padding:0;margin:18px 0 0;}
.gb-list li{padding:9px 0 9px 24px;position:relative;font-size:14.5px;border-bottom:1px dashed var(--line);line-height:1.8;}
.gb-list li::before{content:"";position:absolute;left:0;top:15px;width:9px;height:9px;transform:rotate(45deg);background:linear-gradient(135deg,var(--brown-100),var(--brown-300));}
.gb-note{margin-top:22px;font-size:13.5px;color:var(--text-weak);line-height:1.85;}
@media(max-width:920px){.gb-cols{grid-template-columns:1fr;}.gb-cols2{grid-template-columns:1fr;}}