/* =====================================================================
   房地产行业页 · fangchan.css
   布局：左图右文简介 + 四列对象卡 + 编号功能清单 + 双卡案例 + FAQ
   点缀色：金棕 #B45309 / 深金 #D97706（地产质感）
   ===================================================================== */

.banner-fc{background-image:url('../images/banner-case.jpg')}

/* ---------- 左图右文 ---------- */
.fc-intro-sec{background:#fff}
.fc-intro-wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center}
.fc-intro-media img{border-radius:var(--radius-lg);aspect-ratio:3/2;object-fit:cover;box-shadow:var(--shadow-lg)}
.fc-intro-text h2{font-size:clamp(24px,2.8vw,34px);margin:0 0 18px;line-height:1.35}
.fc-intro-text p{color:var(--c-text-2);margin-bottom:14px}
.fc-intro-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.fc-intro-tags span{font-size:13px;color:#92400E;background:#FEF3C7;padding:6px 14px;border-radius:8px;font-weight:600}

/* ---------- 四列对象卡 ---------- */
.fc-who-sec{background:linear-gradient(180deg,#FFFBEB,#fff)}
.fc-who-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.fc-who{background:#fff;border-radius:var(--radius-lg);padding:32px 26px;box-shadow:var(--shadow);transition:transform var(--trans),box-shadow var(--trans)}
.fc-who:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}
.fc-who i{width:54px;height:54px;border-radius:14px;background:#FEF3C7;display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.fc-who i svg{width:26px;height:26px;fill:#B45309}
.fc-who h3{font-size:17.5px;margin-bottom:8px}
.fc-who p{color:var(--c-text-2);font-size:13.5px;margin:0;line-height:1.75}

/* ---------- 编号功能清单 ---------- */
.fc-feat-sec{background:var(--c-dark);background-image:radial-gradient(circle at 90% 20%,rgba(217,119,6,.22),transparent 45%)}
.fc-feat-wrap{display:grid;grid-template-columns:1fr 1.2fr;gap:56px;align-items:start}
.fc-feat-head h2{color:#fff;font-size:clamp(23px,2.6vw,32px);margin:0 0 14px;line-height:1.35}
.fc-feat-head p{color:#9FB2D4}
.fc-feat-list{display:grid;gap:14px}
.fc-feat-list li{
  display:flex;gap:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);
  border-radius:14px;padding:18px 22px;
}
.fc-feat-list b{flex-shrink:0;color:#F59E0B;font-weight:800;font-size:17px;line-height:1.5}
.fc-feat-list h3{color:#fff;font-size:16.5px;margin-bottom:4px}
.fc-feat-list p{color:#9FB2D4;font-size:13.5px;margin:0}

/* ---------- 案例 ---------- */
.fc-case-sec{background:#fff}
.fc-case-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.fc-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);display:block;transition:transform var(--trans),box-shadow var(--trans)}
.fc-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.fc-card img{aspect-ratio:16/9;object-fit:cover;width:100%}
.fc-card-body{padding:24px 28px;border-top:3px solid #B45309}
.fc-card-tag{display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#B45309;border-radius:6px;padding:3px 12px;margin-bottom:10px}
.fc-card-body h3{font-size:18px;margin-bottom:8px}
.fc-card-body p{color:var(--c-text-2);font-size:14px;margin:0}

/* ---------- FAQ ---------- */
.fc-faq-sec{background:var(--c-ice-2)}
.fc-faq{max-width:820px;margin:0 auto;display:grid;gap:14px}
.fc-faq-item{background:#fff;border-radius:12px;padding:18px 26px;box-shadow:var(--shadow)}
.fc-faq-item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;font-weight:700;color:var(--c-primary);font-size:16px}
.fc-faq-item summary::-webkit-details-marker{display:none}
.fc-faq-item summary i{flex-shrink:0;width:26px;height:26px;border-radius:8px;background:#B45309;position:relative}
.fc-faq-item summary i::before{content:"";position:absolute;left:6px;right:6px;top:12px;height:2px;background:#fff}
.fc-faq-item summary i::after{content:"";position:absolute;top:6px;bottom:6px;left:12px;width:2px;background:#fff;transition:opacity .3s}
.fc-faq-item[open] summary i::after{opacity:0}
.fc-faq-item p{margin:12px 0 2px;color:var(--c-text-2);font-size:14.5px;line-height:1.8}

/* 移动端当前行业高亮 */
.mnav-sub a.cur{color:var(--c-accent)!important;font-weight:700!important}

/* ---------- 响应式 ---------- */
@media (max-width:992px){
  .fc-intro-wrap{grid-template-columns:1fr;gap:40px}
  .fc-who-grid{grid-template-columns:1fr 1fr}
  .fc-feat-wrap{grid-template-columns:1fr;gap:36px}
  .fc-case-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .fc-who-grid{grid-template-columns:1fr}
}