/* =============================================================
   foreign-trade-website.html 专属样式 —— 斜切首屏 + 询盘模拟卡
   ============================================================= */

/* ---------- 首屏：斜切 ---------- */
.ft-hero{
  position:relative;overflow:hidden;color:#F4EFE5;
  padding:calc(var(--topbar-h) + var(--header-h) + 90px) 0 110px;
  background:var(--dark);
}
.ft-hero-cut{
  position:absolute;inset:0;left:42%;z-index:0;
  background:url("../images/case-foreigntrade.jpg") center/cover no-repeat;
  clip-path:polygon(18% 0,100% 0,100% 100%,0 100%);
}
.ft-hero::after{
  content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(90deg,rgba(42,38,32,.97) 30%,rgba(42,38,32,.55) 62%,rgba(42,38,32,.25) 100%);
}
.ft-hero-inner{position:relative;z-index:2}
.ft-hero-copy{max-width:620px}
.ft-kicker{font-size:12.5px;letter-spacing:.45em;color:var(--earth-light);margin-bottom:20px}
.ft-title{font-size:clamp(30px,4.4vw,50px);line-height:1.4;color:#F7F2E9;margin-bottom:22px}
.ft-title span{color:var(--earth-light)}
.ft-sub{font-size:15.5px;line-height:2;color:#C3BBAB;max-width:540px;margin-bottom:30px}
.ft-hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:18px}
.ft-hero-note{font-size:13.5px;color:#8F8677}
.ft-hero-note a{color:var(--earth-light);border-bottom:1px dashed rgba(201,169,104,.5)}

/* ---------- 语言策略 ---------- */
.ft-lang-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.ft-lang-card{
  background:var(--paper);border:1px solid var(--line);padding:32px 28px;position:relative;
}
.ft-lang-flag{
  display:inline-flex;width:52px;height:52px;align-items:center;justify-content:center;
  background:var(--dark);color:var(--earth-light);font-family:var(--font-serif);
  font-size:18px;letter-spacing:.08em;margin-bottom:18px;
}
.ft-lang-card h3{font-size:19px;margin-bottom:10px}
.ft-lang-card p{font-size:14px;color:var(--ink-soft);line-height:1.9}
.ft-lang-note{margin-top:26px;font-size:14px;color:var(--ink-soft)}
.ft-lang-note a{color:var(--earth-deep);border-bottom:1px dashed var(--earth)}

/* ---------- 速度 ---------- */
.ft-speed{margin-top:0}
.ft-speed-wrap{display:grid;grid-template-columns:.95fr 1.05fr;gap:56px;align-items:center}
.ft-speed-photo img{width:100%;box-shadow:var(--shadow)}
.ft-speed-copy .lead{margin:14px 0 20px}
.ft-speed-list li{display:flex;gap:10px;font-size:14.5px;color:var(--ink-soft);margin-bottom:12px;line-height:1.8}
.ft-speed-list svg{width:16px;height:16px;fill:var(--earth);flex:none;margin-top:5px}
.ft-speed-note{font-size:14px;color:var(--ink-soft);margin-top:16px}
.ft-speed-note a{color:var(--earth-deep);border-bottom:1px dashed var(--earth)}

/* ---------- 谷歌SEO 2x2 ---------- */
.ft-g-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px 50px;max-width:960px;margin:0 auto}
.ft-g-item{border-top:2px solid var(--earth);padding-top:20px}
.ft-g-no{font-family:var(--font-serif);font-size:14px;color:var(--earth-light);letter-spacing:.2em}
.ft-g-item h3{font-size:19px;margin:8px 0 8px}
.ft-g-item p{font-size:14px;color:var(--ink-soft);line-height:1.9}
.ft-g-item a{color:var(--earth-deep);border-bottom:1px dashed var(--earth)}

/* ---------- 询盘表单（深色） ---------- */
.ft-inquiry{margin-top:0}
.ft-inq-wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}
.ft-inq-copy p{font-size:14.5px;color:#B0A896;line-height:2;margin-bottom:14px}
.ft-inq-demo{display:flex;justify-content:center}
.ft-inq-card{
  background:var(--paper);color:var(--ink);padding:30px;width:100%;max-width:340px;
  box-shadow:var(--shadow);
}
.ft-inq-card h3{
  font-size:16px;letter-spacing:.2em;color:var(--earth-deep);margin-bottom:20px;
  padding-bottom:12px;border-bottom:1px solid var(--line);
}
.ft-inq-row{
  display:flex;justify-content:space-between;align-items:center;
  padding:12px 0;border-bottom:1px dashed var(--line);font-size:13px;
}
.ft-inq-row span{color:var(--ink-faint)}
.ft-inq-row i{flex:1;height:1px;background:var(--paper-dark);margin-left:18px}
.ft-inq-row--tall{align-items:flex-start;padding:14px 0 44px}
.ft-inq-send{
  display:block;margin-top:20px;text-align:center;background:var(--earth);color:#FBF7EF;
  padding:12px;letter-spacing:.2em;font-size:13px;
}

/* ---------- 渠道 ---------- */
.ft-ch-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.ft-ch-card{
  background:var(--paper);border:1px solid var(--line);padding:30px 32px;
  border-left:4px solid var(--earth);
}
.ft-ch-card h3{font-size:19px;margin-bottom:10px}
.ft-ch-card p{font-size:14.5px;color:var(--ink-soft);line-height:1.95}

/* ---------- 案例 ---------- */
.ft-case{margin-top:0}
.ft-case-card{
  display:grid;grid-template-columns:1.1fr .9fr;gap:0;background:var(--paper);
  border:1px solid var(--line);overflow:hidden;align-items:stretch;
}
.ft-case-card img{width:100%;height:100%;object-fit:cover;min-height:320px}
.ft-case-body{padding:44px 40px;align-self:center}
.ft-case-body h3{font-size:21px;margin:14px 0 12px}
.ft-case-body p{font-size:14.5px;color:var(--ink-soft);line-height:1.95;margin-bottom:18px}

/* ---------- 交付清单 ---------- */
.ft-deliver-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line)}
.ft-deliver-grid>div{padding:26px 22px;border-right:1px solid var(--line)}
.ft-deliver-grid>div:last-child{border-right:none}
.ft-deliver-grid h3{font-size:16px;margin-bottom:8px;color:var(--earth-deep)}
.ft-deliver-grid p{font-size:13.5px;color:var(--ink-soft);line-height:1.85}

/* ---------- FAQ ---------- */
.ft-faq-wrap{max-width:860px}
.ft-faq .section-head{margin-bottom:34px}
.ft-faq .accordion-body a{color:var(--earth-deep);border-bottom:1px dashed var(--earth)}

/* ---------- CTA ---------- */
.ft-cta{
  background:linear-gradient(100deg,var(--dark) 55%,var(--dark-soft));
  color:#D8D2C6;padding:88px 0;
}
.ft-cta-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:44px;align-items:center}
.ft-cta-inner h2{font-size:clamp(24px,3.2vw,36px);color:#EFE9DC;line-height:1.5;margin-bottom:12px}
.ft-cta-inner>div>p{color:#B0A896;font-size:14.5px}
.ft-cta-side{border-left:1px solid rgba(201,193,178,.25);padding-left:32px}
.ft-cta-side p{font-size:15px;margin-bottom:6px}
.ft-cta-side .btn{margin-top:16px}

/* ---------- 响应式 ---------- */
@media (max-width:991px){
  .ft-hero-cut{left:0;clip-path:none;opacity:.25}
  .ft-lang-grid{grid-template-columns:1fr;gap:18px}
  .ft-speed-wrap,.ft-inq-wrap,.ft-cta-inner{grid-template-columns:1fr;gap:36px}
  .ft-g-grid{grid-template-columns:1fr}
  .ft-case-card{grid-template-columns:1fr}
  .ft-case-card img{min-height:240px}
  .ft-deliver-grid{grid-template-columns:1fr 1fr}
  .ft-deliver-grid>div{border-bottom:1px solid var(--line)}
  .ft-cta-side{border-left:none;border-top:1px solid rgba(201,193,178,.25);padding:20px 0 0}
}