/* ============================================================
   龙铭特种作业 · 考试通知公告 gonggao.css
   签名 S19：132° 对角渐变，内容居左，装饰=同心弧线
   ============================================================ */

/* ---------- 首屏 S19 ---------- */
.hero{position:relative;min-height:88vh;display:flex;align-items:center;overflow:hidden;background:var(--ink)}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% center;opacity:.5;transform:scale(1.04)}
.hero-fade{
  position:absolute;inset:0;
  background:linear-gradient(132deg,rgba(11,11,12,.95) 0%,rgba(11,11,12,.78) 44%,rgba(11,11,12,.45) 74%,rgba(11,11,12,.92) 100%);
}
.arcs{position:absolute;right:-4%;top:50%;transform:translateY(-50%);width:44%;opacity:.7;pointer-events:none}
.hero-inner{position:relative;z-index:3;padding:140px 0 70px;max-width:600px}
.hero-crumbs{margin-bottom:22px}
.hero-title{font-size:clamp(32px,5vw,56px);line-height:1.2;font-weight:900;margin-bottom:20px}
.hero-title .hl{color:#fff}
.hero-lead{max-width:520px;font-size:16.5px;color:var(--muted-dark);margin-bottom:30px;line-height:1.9}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap}

/* ---------- 分类标签 ---------- */
.cat-sec{background:var(--ink);padding:0 0 10px}
.cat-tabs{display:flex;gap:12px;flex-wrap:wrap}
.cat-tab{
  font-size:14px;font-weight:700;color:var(--muted-dark);border:1px solid var(--line);
  border-radius:999px;padding:10px 22px;transition:.3s;
}
.cat-tab:hover{color:#fff;border-color:rgba(255,255,255,.5)}
.cat-tab.active{background:#fff;color:#000;border-color:#fff}

/* ---------- 公告列表 ---------- */
.list-sec{background:var(--ink);padding-top:30px}
.notice-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.notice-item{
  display:grid;grid-template-columns:auto 1fr auto auto;gap:20px;align-items:center;
  padding:22px 10px;border-bottom:1px solid var(--line);transition:.3s var(--ease);
}
.notice-item:hover{padding-left:20px;background:var(--ink-2)}
.ni-tag{
  flex:none;font-size:12px;font-weight:800;letter-spacing:.1em;border-radius:4px;
  padding:5px 12px;color:#000;background:var(--paper-2);
}
.ni-new{background:#fff}
.ni-title{font-size:16.5px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.notice-item:hover .ni-title{color:#fff}
.ni-desc{display:none}
.ni-date{flex:none;font-size:13px;color:var(--muted-dark);letter-spacing:.05em}
.more-news{margin-top:30px;text-align:center}

/* ---------- 加厚公告卡片（10 条静态占位） ---------- */
.list-intro{font-size:14.5px;color:var(--muted-dark);line-height:1.9;max-width:820px;margin-bottom:26px}
.notice-list{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-top:0}
.notice-card{
  display:block;padding:24px 26px;border-radius:12px;background:var(--ink-2);
  border:1px solid var(--line);border-top:2px solid rgba(255,255,255,.45);transition:.35s var(--ease);
}
.notice-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.4)}
.nc-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.nc-date{font-size:13px;color:var(--muted-dark);letter-spacing:.05em}
.nc-title{font-size:16.5px;font-weight:800;color:#fff;line-height:1.5;margin-bottom:10px}
.nc-body{font-size:14px;color:var(--muted-dark);line-height:1.9}
.nc-body b{color:#fff;font-weight:700}

/* ---------- FAQ ---------- */
.faq-sec{padding-bottom:80px}
.faq-list{display:flex;flex-direction:column;gap:14px;max-width:880px}
.faq-item{border:1px solid var(--line);border-radius:10px;background:var(--ink-3);padding:20px 26px}
.faq-item summary{font-size:16.5px;font-weight:800;cursor:pointer;list-style:none;position:relative;padding-right:30px;color:#fff}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:22px;font-weight:400;color:#fff;transition:.3s}
.faq-item[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.faq-item p{margin-top:12px;font-size:14.5px;color:var(--muted-dark);line-height:1.9}

/* ---------- 备考提醒 ---------- */
.section-alt{background:var(--ink-2)}
.tip-wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:52px;align-items:center}
.tip-media img{border-radius:14px;width:100%;height:320px;object-fit:cover}
.tip-body .sec-title{margin-bottom:18px}
.tip-body p{font-size:15px;color:var(--muted-dark);line-height:1.95;margin-bottom:13px}

/* ---------- 深度链接 ---------- */
.qsec-sec{background:var(--ink)}
.qsec-wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:52px;align-items:center}
.qsec-media img{border-radius:14px;width:100%;height:320px;object-fit:cover}
.qsec-body .sec-title{margin-bottom:14px}
.qsec-lead{font-size:14.5px;color:var(--muted-dark);line-height:1.9;margin-bottom:18px}
.q-link{
  display:flex;justify-content:space-between;align-items:center;gap:16px;
  padding:16px 20px;border:1px solid var(--line);border-radius:10px;margin-bottom:12px;
  transition:.3s;
}
.q-link:hover{border-color:rgba(255,255,255,.4);transform:translateX(6px)}
.q-link a{font-size:16px;font-weight:800;color:#fff}
.q-link span{font-size:13px;color:var(--muted-dark)}

/* ---------- CTA ---------- */
.cta-sec{background:var(--ink);padding-top:0}
.cta-strip{
  background:var(--paper);color:#0b0b0c;border-radius:18px;padding:48px 54px;
  display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;
}
.cta-strip h2{font-size:clamp(22px,2.6vw,30px);font-weight:900;margin-bottom:10px}
.cta-strip p{color:var(--muted-light);font-size:14.5px}
.cta-form .form-item input{background:#fff;border-color:var(--line-dark);color:#000}
.cta-form .form-item input::placeholder{color:#9c9c96}
.cta-form .btn{grid-column:1/-1;background:#0b0b0c;color:#fff}

/* ---------- 响应式 ---------- */
@media (max-width:1280px){
  .tip-wrap,.qsec-wrap{grid-template-columns:1fr;gap:28px}
}
@media (max-width:1024px){
  .arcs{display:none}
  .cta-strip{grid-template-columns:1fr;padding:36px 30px}
}
@media (max-width:768px){
  .notice-item{grid-template-columns:auto 1fr;gap:10px 14px}
  .ni-title{grid-column:1/-1;white-space:normal}
  .hero-cta .btn{width:100%}
  .q-link{flex-direction:column;align-items:flex-start;gap:4px}
  .notice-list{grid-template-columns:1fr}
}