/* ============================================================
   龙铭特种作业 · 常见问题 changjian.css
   签名 S08：双对角线交叉（X 形两个渐变叠加），内容居中，
            装饰=四角括号线框
   ============================================================ */

/* ---------- 首屏 Hero S08 ---------- */
.hero{position:relative;min-height:88vh;display:flex;align-items:center;justify-content:center;
  overflow:hidden;background:var(--ink)}
.hero-x{position:absolute;inset:0;opacity:.9;
  background:
    linear-gradient(115deg,transparent 49.6%,rgba(255,255,255,.06) 50%,transparent 50.4%),
    linear-gradient(65deg,transparent 49.6%,rgba(255,255,255,.06) 50%,transparent 50.4%)}
/* 四角括号线框 */
.corner{position:absolute;width:46px;height:46px;border:2px solid rgba(255,255,255,.4)}
.c-tl{top:90px;left:6%;border-right:0;border-bottom:0}
.c-tr{top:90px;right:6%;border-left:0;border-bottom:0}
.c-bl{bottom:40px;left:6%;border-right:0;border-top:0}
.c-br{bottom:40px;right:6%;border-left:0;border-top:0}
.hero-inner{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center}
.hero-inner .crumbs{justify-content:center;margin-bottom:20px}
.hero-flag{margin-bottom:22px}
.hero-title{font-size:clamp(34px,5.6vw,62px);line-height:1.18;font-weight:900;margin-bottom:20px}
.hero-title .hl{color:#fff;position:relative;white-space:nowrap}
.hero-title .hl::after{content:"";position:absolute;left:0;right:0;bottom:6px;height:14px;z-index:-1;
  background:linear-gradient(115deg,rgba(255,255,255,.22),transparent);transform:skewX(-10deg)}
.hero-lead{max-width:560px;font-size:16.5px;color:var(--muted-dark)}

/* ---------- FAQ ---------- */
.faq-sec{background:var(--ink)}
.faq-group{font-size:15px;font-weight:800;letter-spacing:.14em;color:var(--muted-dark);
  margin:38px 0 16px;padding-left:14px;border-left:3px solid #fff}
.faq-group:first-of-type{margin-top:0}
.faq-list{display:flex;flex-direction:column;gap:12px;max-width:900px}
.faq{border:1px solid var(--line);border-radius:12px;background:var(--ink-2);transition:.3s}
.faq:hover{border-color:rgba(255,255,255,.28)}
.faq[open]{background:var(--ink-3);border-color:rgba(255,255,255,.3)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:20px 24px;cursor:pointer;font-size:16.5px;font-weight:700;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq-arrow{flex:none;width:10px;height:10px;border-right:2px solid #fff;border-bottom:2px solid #fff;
  transform:rotate(45deg);transition:.3s}
.faq[open] .faq-arrow{transform:rotate(-135deg)}
.faq p{padding:0 24px 22px;font-size:15px;color:var(--muted-dark);line-height:1.95}
.faq p a{color:#fff;border-bottom:1px solid rgba(255,255,255,.4)}

/* ---------- 底部 CTA ---------- */
.cta-sec{background:var(--ink-2)}
.cta-strip{background:var(--ink);color:#fff;border-radius:18px;padding:50px 56px;
  display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;
  position:relative;overflow:hidden}
.cta-strip h2{font-size:clamp(22px,2.8vw,32px);font-weight:900;margin-bottom:8px}
.cta-strip p{color:var(--muted-dark);font-size:14.5px}
.cta-btns{display:flex;gap:14px;flex-wrap:wrap}

/* ---------- 响应式 ---------- */
@media (max-width:1280px){}
@media (max-width:1024px){}
@media (max-width:768px){
  .corner{width:30px;height:30px}
  .faq summary{padding:16px 18px;font-size:15.5px}
  .faq p{padding:0 18px 18px}
  .cta-strip{padding:36px 26px}
}
@media (max-width:480px){}

/* ============================================================
   R2 重构新增模块样式（仅本页使用）
   ============================================================ */

/* ---------- 每组后一句话小结 ---------- */
.faq-sum{max-width:900px;margin:14px 0 30px;padding:14px 18px;font-size:14px;color:var(--muted-dark);
  line-height:1.85;background:rgba(255,255,255,.04);border-left:2px solid rgba(255,255,255,.3)}

/* ---------- 问完还不够怎么办 ---------- */
.help-sec{background:var(--ink-2)}
.help-sec .sec-sub{color:var(--muted-dark)}
.help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.help-card{display:block;padding:34px 30px;border-radius:14px;background:var(--ink);border:1px solid var(--line);
  transition:.35s var(--ease)}
.help-card:hover{border-color:rgba(255,255,255,.32);transform:translateY(-4px)}
.help-card h3{font-size:20px;font-weight:800;margin-bottom:10px}
.help-card p{font-size:14.5px;color:var(--muted-dark);line-height:1.9;margin-bottom:16px}
.help-card span{font-size:14.5px;font-weight:700;border-bottom:1px solid rgba(255,255,255,.4)}

@media (max-width:900px){
  .help-grid{grid-template-columns:1fr}
}