/* ============================================================
   news-gonggao.html · 平台公告
   题头形态⑤：渐变面板 + 分类标签墙
   ============================================================ */

/* ---------- 题头：渐变面板 ---------- */
.gg-hero{
  margin-top:72px; padding:64px 0 40px;
  background:linear-gradient(120deg, #10231A 0%, #16382A 55%, #1C4A36 100%);
  color:#fff; position:relative; overflow:hidden;
}
.gg-hero::after{
  content:""; position:absolute; right:-80px; top:-80px; width:320px; height:320px;
  border-radius:50%; background:radial-gradient(circle, rgba(255,122,28,.35), transparent 70%);
}
.gg-hero-panel{ position:relative; z-index:2; max-width:820px; }
.gg-crumbs{
  display:flex; flex-wrap:wrap; gap:8px; font-size:13px; color:#9FB8A9; margin-bottom:16px;
}
.gg-crumbs a{ color:#fff; }
.gg-crumbs a:hover{ color:var(--orange-2); }
.gg-kicker{ font-size:13px; font-weight:700; letter-spacing:3px; color:var(--orange-2); margin-bottom:8px; }
.gg-title{ font-size:46px; font-weight:900; letter-spacing:3px; margin-bottom:14px; }
.gg-sub{ font-size:15.5px; line-height:1.9; color:#C6DCD0; max-width:680px; }
.gg-tagwall{ display:flex; flex-wrap:wrap; gap:10px; margin-top:26px; }
.gg-tagwall a{
  font-size:13.5px; font-weight:600; color:#E4EFE8;
  border:1px solid rgba(255,255,255,.25); border-radius:999px; padding:8px 18px;
  background:rgba(255,255,255,.06); transition:all .25s ease;
}
.gg-tagwall a:hover{ background:var(--orange); border-color:var(--orange); color:#fff; transform:translateY(-2px); }

/* ---------- 栏目导语 ---------- */
.gg-lead-box{
  background:var(--bg-soft); border-radius:var(--radius-lg); padding:32px 36px;
  border:1px solid var(--line);
}
.gg-p{ color:var(--ink-2); margin-top:14px; font-size:15.5px; line-height:1.9; }
.gg-p a{ color:var(--green-deep); font-weight:700; }

/* ---------- 公告列表（斑马纹） ---------- */
.gg-list{ background:var(--white); }
.gg-zebra{ margin-top:34px; border-radius:var(--radius-lg); overflow:hidden; border:1px solid var(--line); }
.gg-row{
  display:grid; grid-template-columns:90px 1fr auto; gap:22px; align-items:start;
  padding:22px 26px; transition:background .25s ease;
}
.gg-row:nth-child(odd){ background:var(--bg-soft); }
.gg-row:nth-child(even){ background:#fff; }
.gg-row:hover{ background:var(--orange-soft); }
.gg-row-date{
  font-size:13px; font-weight:800; color:var(--orange-deep); padding-top:3px;
  white-space:nowrap;
}
.gg-row-body h3{ font-size:16.5px; margin-bottom:6px; }
.gg-row-body p{ font-size:14px; color:var(--ink-2); line-height:1.85; }
.gg-row-body a{ color:var(--green-deep); font-weight:700; }
.gg-row-tag{
  font-size:12px; font-weight:700; color:var(--green-deep); background:var(--green-soft);
  border-radius:999px; padding:4px 12px; white-space:nowrap; height:fit-content;
}

/* ---------- 服务承诺 ---------- */
.gg-promise{ background:var(--bg-green); }
.gg-pm-grid{
  margin-top:36px; display:grid; grid-template-columns:repeat(4,1fr); gap:18px;
}
.gg-pm{
  background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg);
  padding:26px 22px; transition:transform .3s ease, box-shadow .3s ease;
}
.gg-pm:hover{ transform:translateY(-5px); box-shadow:var(--shadow-md); }
.gg-pm-ico{
  width:50px; height:50px; border-radius:14px; display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,var(--orange-soft),var(--green-soft)); color:var(--green-deep);
  margin-bottom:16px;
}
.gg-pm h3{ font-size:17px; margin-bottom:8px; }
.gg-pm p{ font-size:14px; color:var(--ink-2); line-height:1.8; }

/* ---------- 联系方式 ---------- */
.gg-contact-inner{
  display:grid; grid-template-columns:1fr 1.2fr; gap:44px; align-items:center;
}
.gg-contact-cards{ display:flex; flex-direction:column; gap:14px; }
.gg-cc{
  display:grid; grid-template-columns:110px 1fr auto; gap:16px; align-items:center;
  background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg);
  padding:18px 24px; transition:all .25s ease;
}
.gg-cc:hover{ border-color:var(--orange); box-shadow:var(--shadow-sm); transform:translateX(4px); }
.gg-cc-label{ font-size:12.5px; color:var(--ink-3); font-weight:700; }
.gg-cc b{ font-size:19px; color:var(--ink); }
.gg-cc em{ font-style:normal; font-size:13px; font-weight:700; color:var(--orange-deep); }
.gg-cc-green:hover{ border-color:var(--green); }
.gg-cc-green:hover em{ color:var(--green-deep); }

/* ---------- 底部咨询行动带 ---------- */
.gg-cta{
  background:linear-gradient(120deg, var(--orange), var(--orange-deep));
  color:#fff; padding:56px 0;
}
.gg-cta-inner{
  display:flex; align-items:center; justify-content:space-between; gap:32px; flex-wrap:wrap;
}
.gg-cta-copy h2{ font-size:28px; margin-bottom:10px; }
.gg-cta-copy p{ max-width:540px; color:#FFE9D6; font-size:15px; line-height:1.85; }
.gg-cta-actions{ display:flex; gap:14px; flex-wrap:wrap; }

/* ---------- 咨询服务流程 ---------- */
.gg-flow{ background:var(--bg-orange); }
.gg-flow-steps{
  margin-top:36px; display:grid; grid-template-columns:repeat(4,1fr); gap:18px;
  counter-reset:ggstep;
}
.gg-fs-num{
  display:flex; align-items:center; justify-content:center;
  width:46px; height:46px; border-radius:14px; font-weight:900; font-size:17px;
  background:linear-gradient(135deg,var(--orange),var(--orange-deep)); color:#fff;
  margin-bottom:14px; box-shadow:0 6px 14px rgba(255,122,28,.28);
}
.gg-flow-steps li{
  background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg);
  padding:24px 22px; box-shadow:var(--shadow-sm); transition:transform .3s ease, box-shadow .3s ease;
}
.gg-flow-steps li:hover{ transform:translateY(-5px); box-shadow:var(--shadow-md); }
.gg-flow-steps h3{ font-size:16.5px; margin-bottom:8px; }
.gg-flow-steps p{ font-size:14px; color:var(--ink-2); line-height:1.85; }
.gg-flow-steps a{ color:var(--green-deep); font-weight:700; }
.gg-flow-steps a:hover{ text-decoration:underline; }

/* ---------- 响应式 ---------- */
@media (max-width:960px){
  .gg-contact-inner{ grid-template-columns:1fr; gap:28px; }
  .gg-pm-grid{ grid-template-columns:1fr 1fr; }
  .gg-flow-steps{ grid-template-columns:1fr 1fr; }
  .gg-row{ grid-template-columns:1fr; gap:8px; }
  .gg-row-tag{ justify-self:start; }
}
@media (max-width:560px){
  .gg-title{ font-size:34px; }
  .gg-pm-grid{ grid-template-columns:1fr; }
  .gg-flow-steps{ grid-template-columns:1fr; }
  .gg-cc{ grid-template-columns:1fr; gap:6px; }
}