/* ============================================================
   faq-tech.html 技术与维护问答样式
   布局：Hero → 双列分组手风琴 → 三服务图卡 → CTA
   ============================================================ */

.t-hero{position:relative;min-height:62vh;display:flex;align-items:center;padding:150px 0 80px;overflow:hidden}
.t-hero-bg{z-index:0}
.t-hero-veil{position:absolute;inset:0;z-index:1;
  background:linear-gradient(125deg,rgba(20,20,20,.84) 0%,rgba(20,20,20,.55) 65%,rgba(20,20,20,.42))}
.t-hero-inner{position:relative;z-index:2;color:#fff;max-width:700px}
.t-hero .crumb{display:flex;align-items:center;gap:10px;font-size:13px;margin-bottom:22px;color:#E9E2D6}
.t-hero .crumb a{color:#E9E2D6}
.t-hero .crumb a:hover{color:var(--coffee-bright)}
.t-hero .crumb em{font-style:normal;color:var(--coffee-bright)}
.t-hero-title{font-size:clamp(32px,4.8vw,54px);font-weight:900;color:#fff;line-height:1.18;margin-bottom:18px}
.ht-gold{background:linear-gradient(120deg,#E9D3A8,#C9A87C);-webkit-background-clip:text;background-clip:text;color:transparent}
.t-hero-sub{font-size:16px;color:#EDE6DA;line-height:1.9;margin-bottom:30px}
.t-hero-cta{display:flex;gap:14px;flex-wrap:wrap}

/* 双列手风琴 */
.t-cols{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.acc-group-label{
  display:inline-block;background:var(--grad-ink);color:var(--coffee-bright);
  font-size:13px;font-weight:800;letter-spacing:.16em;padding:8px 18px;border-radius:100px;
  margin-bottom:18px;
}
.acc-item{
  background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:14px;
  overflow:hidden;transition:box-shadow .3s;
}
.acc-item.open{box-shadow:var(--shadow-md);border-color:var(--coffee-bright)}
.acc-head{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;
  text-align:left;padding:18px 22px;font-size:15.5px;font-weight:700;color:var(--ink);background:transparent;
}
.acc-ic{position:relative;width:22px;height:22px;flex-shrink:0;border-radius:50%;background:var(--coffee-bg);transition:all .35s}
.acc-ic::before,.acc-ic::after{content:"";position:absolute;background:var(--coffee-deep);border-radius:2px;top:50%;left:50%;transform:translate(-50%,-50%)}
.acc-ic::before{width:10px;height:2px}
.acc-ic::after{width:2px;height:10px}
.acc-item.open .acc-ic{background:var(--grad-coffee)}
.acc-item.open .acc-ic::before,.acc-item.open .acc-ic::after{background:#fff}
.acc-item.open .acc-ic::after{transform:translate(-50%,-50%) rotate(90deg);opacity:0}
.acc-panel{max-height:0;overflow:hidden;transition:max-height .45s cubic-bezier(.22,.68,.4,1)}
.acc-panel p{padding:0 22px 20px;font-size:14.5px;color:var(--text-2);line-height:1.95}

/* 三服务图卡 */
.t-row{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:52px}
.t-card{
  position:relative;border-radius:var(--radius-md);overflow:hidden;display:block;
  background:#fff;box-shadow:var(--shadow-sm);transition:all .45s cubic-bezier(.22,.68,.4,1);
}
.t-card img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .6s}
.t-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}
.t-card:hover img{transform:scale(1.06)}
.t-body{padding:22px 24px 24px}
.t-body h3{font-size:19px;margin-bottom:8px}
.t-card:hover .t-body h3{color:var(--coffee-deep)}
.t-body p{font-size:13.5px;color:var(--text-2);line-height:1.7;margin-bottom:12px}
.t-body span{font-size:13px;font-weight:800;color:var(--coffee-deep)}

/* CTA */
.cta{position:relative;overflow:hidden}
.cta-bg{z-index:0}
.cta-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,20,20,.78),rgba(20,20,20,.88));z-index:1}
.cta-inner{position:relative;z-index:2;text-align:center}
.cta-title{font-size:clamp(28px,4vw,44px);font-weight:900;color:#fff;margin-bottom:14px}
.cta-sub{color:#CFC7B8;margin-bottom:30px}
.cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

@media (max-width:900px){
  .t-cols{grid-template-columns:1fr}
  .t-row{grid-template-columns:1fr;max-width:420px;margin-left:auto;margin-right:auto}
}