/* ============================================================
   资讯栏目 · 网站公告（news-gonggao）
   Hero：H6 深棕深底 Hero + 暖黄标题 + 标签行
   列表：日期徽章式公告栏（左日期章 + 右内容）
   布局签名：竖排日期徽章（MM-DD / YEAR）+ 偶行浅底错位
   ============================================================ */

/* ---------- H6 Hero ---------- */
.ban6{
  position:relative;min-height:540px;display:flex;align-items:center;
  padding:150px 0 90px;overflow:hidden;
}
.ban6 .banner-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ban6-mask{
  position:absolute;inset:0;
  background:linear-gradient(120deg,rgba(46,26,12,.92) 0%,rgba(59,35,19,.72) 60%,rgba(46,26,12,.6) 100%);
}
.ban6-inner{position:relative;z-index:2;max-width:720px}
.ban6-eyebrow{
  display:inline-block;font-size:13px;letter-spacing:.34em;color:var(--gold-bright);
  margin-bottom:18px;padding-bottom:14px;position:relative;
}
/* 签名：标题下波浪饰线 */
.ban6-eyebrow::after{
  content:"";position:absolute;left:0;bottom:0;width:120px;height:8px;opacity:.7;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 8'%3E%3Cpath d='M0 4 Q 15 0 30 4 T 60 4 T 90 4 T 120 4' fill='none' stroke='%23E9B44C' stroke-width='2'/%3E%3C/svg%3E") no-repeat center/100% 100%;
}
.ban6-inner h1{color:var(--gold-bright);margin-bottom:16px;font-size:clamp(34px,5vw,56px)}
.ban6-inner>p{color:rgba(251,244,232,.82);font-size:16px;max-width:560px;margin-bottom:26px}
.ban6-tags{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}
.ban6-tags .tag{background:rgba(233,180,76,.14);color:var(--gold-bright);border-color:rgba(233,180,76,.5);font-size:13px;padding:6px 14px}
.ban6-cta{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.ban6-tel{display:inline-flex;align-items:center;gap:10px;color:var(--cream)}
.ban6-tel b{font-family:var(--font-serif);font-size:22px;color:var(--gold-bright)}
.ban6-crumb{margin-top:30px;color:rgba(251,244,232,.55)}
.ban6-crumb a{color:var(--gold-bright)}
.ban6-crumb span{color:rgba(251,244,232,.9)}

.wave-flip{transform:scaleY(-1)}

/* ---------- 日期徽章公告列表 ---------- */
.ng-sec{background:var(--cream)}
.ng-row{
  display:grid;grid-template-columns:120px 220px 1fr;gap:0;align-items:stretch;
  background:var(--paper);border:1px solid var(--line-soft);border-radius:18px;
  overflow:hidden;margin-bottom:26px;box-shadow:var(--shadow-sm);
  transition:box-shadow .3s,transform .3s;
}
.ng-thumb{display:block;overflow:hidden;border-right:1px solid var(--line-soft)}
.ng-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.ng-row:hover .ng-thumb img{transform:scale(1.04)}
/* 签名：偶行右错 36px 并换深底 */
.ng-row--alt{transform:translateX(36px);background:var(--cream-deep)}
.ng-row:hover{box-shadow:var(--shadow-md);transform:translateX(0)}
.ng-row--alt:hover{transform:translateX(36px) translateY(-3px)}
.ng-date{
  background:var(--brown);color:var(--gold-bright);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  border-right:1px solid var(--line-soft);
}
.ng-date b{font-family:var(--font-serif);font-size:30px;line-height:1.1}
.ng-date span{font-size:12px;letter-spacing:.2em;opacity:.8;margin-top:4px}
.ng-body{padding:26px 30px}
.ng-body h3{font-size:19px;margin:12px 0 10px;line-height:1.55}
.ng-body h3 a:hover{color:var(--gold-deep)}
.ng-body p{font-size:14.5px;line-height:1.9}
.ng-meta{
  display:flex;justify-content:space-between;align-items:center;
  margin-top:14px;font-size:13px;color:var(--muted);
}
.ng-meta a{color:var(--gold-deep);font-weight:600}

/* ---------- 通知渠道说明 ---------- */
.ch-sec{background:var(--paper)}
.ch-battle{margin-top:10px}
.battle-copy h3{margin:0 0 12px}
.battle-copy .check-list{margin:14px 0 24px}

/* ---------- 近期维护日历 ---------- */
.cal-sec{background:var(--cream-deep)}
.cal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.cal-card{
  background:var(--paper);border:1px solid var(--line-soft);border-radius:16px;
  padding:28px 26px;position:relative;overflow:hidden;
}
/* 签名：顶部暖黄饰条 + 错落 */
.cal-card::before{
  content:"";position:absolute;top:0;left:0;right:0;height:5px;
  background:linear-gradient(90deg,var(--gold),var(--gold-deep));
}
.cal-grid .cal-card:nth-child(2){transform:translateY(20px)}
.cal-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.cal-grid .cal-card:nth-child(2):hover{transform:translateY(16px)}
.cal-date{
  display:inline-block;font-size:12px;letter-spacing:.14em;color:var(--gold-deep);
  background:rgba(233,180,76,.15);padding:4px 12px;border-radius:999px;margin-bottom:14px;
}
.cal-card h4{font-size:17px;margin-bottom:8px}
.cal-card p{font-size:14px}

/* ---------- CTA ---------- */
.cta-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.f-mail{font-size:15px;color:var(--gold-bright)}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .ng-row--alt{transform:none}
  .ng-row--alt:hover{transform:translateY(-3px)}
  .cal-grid{grid-template-columns:1fr}
  .cal-grid .cal-card:nth-child(2){transform:none}
  .cal-grid .cal-card:nth-child(2):hover{transform:translateY(-4px)}
}
@media (max-width:768px){
  .ban6{min-height:auto;padding:120px 0 60px}
  .ng-row{grid-template-columns:1fr}
  .ng-thumb{border-right:0;border-bottom:1px solid var(--line-soft)}
  .ng-thumb img{height:200px}
  .ng-date{flex-direction:row;gap:10px;padding:12px 20px;border-right:0;border-bottom:1px solid var(--line-soft)}
  .ng-date b{font-size:20px}
}