/* ===== 工厂出海询盘增长整体解决方案 页专属样式 pages/foreign-trade-inquiry-plan.css ===== */
/* 浅色科技商务风(qibo式) · 对齐 site.css 主题 token，随后台 frontPrimaryColor 注入自动换肤 */
/* 地基类(section/section-alt/sec-head/eyebrow/section-title/section-lead/btn族/faq-list/oem-list/cta-banner/inquiry-panel/anchor-row/mid-cta/breadcrumbs/svc-row)由 site.css 提供，此处不重定义 */
/* 共享视觉块(Hero玻璃链路卡/痛点/合作方式大行/流程STEP/服务矩阵/内容瓷砖/适合企业/CTA双栏/观点条/链路总结)复用 solutions.css 的 cg-* 类 */
/* 命名空间 ftip- = 工厂出海询盘增长整体解决方案(foreign-trade-inquiry-plan) 的页面独创区块 */
/* 强调色一律走 var(--accent)/color-mix，禁止硬编码 */

/* ---- Hero 核心承诺条(复用 cg-hero 深色作用域的 --h-* 变量) ---- */
.ftip-promise{backdrop-filter:blur(6px);background:var(--h-glass);border:1px solid var(--h-line);border-left:3px solid var(--h-accent);border-radius:var(--radius-sm);margin:0 0 1.6rem;padding:1.15rem 1.35rem}
.ftip-promise b{color:var(--h-accent);display:block;font-size:1.02rem;font-weight:800;margin-bottom:.4rem}
.ftip-promise p{color:var(--h-ink-soft);font-size:.9rem;line-height:1.68;margin:0}
.ftip-promise .small{color:var(--h-ink-mute);font-size:.8rem;line-height:1.6;margin:.7rem 0 0}

/* ---- 八大问题卡片：4×2 均匀网格 ---- */
.ftip-pains{display:grid;gap:1.1rem;grid-template-columns:repeat(4,1fr)}
.ftip-pain{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.6rem 1.5rem;position:relative;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}
.ftip-pain:hover{border-color:color-mix(in srgb,var(--accent) 42%,var(--line));box-shadow:var(--shadow-md);transform:translateY(-4px)}
.ftip-pain-ic{align-items:center;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:11px;color:var(--accent);display:flex;height:42px;justify-content:center;margin-bottom:1rem;width:42px}
.ftip-pain h3{font-size:1.02rem;margin:0 0 .5rem}
.ftip-pain p{color:var(--muted);font-size:.88rem;line-height:1.68;margin:0}

/* ---- 三方分工：AI / 我们 / 工厂 ---- */
.ftip-split{display:grid;gap:1.3rem;grid-template-columns:repeat(3,1fr)}
.ftip-role{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:2rem 1.8rem;position:relative;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}
.ftip-role:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}
.ftip-role.us{border-color:color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:0 16px 40px color-mix(in srgb,var(--accent) 14%,transparent)}
.ftip-role-tag{color:var(--accent);display:inline-block;font-family:var(--font-display);font-size:.74rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.ftip-role h3{font-size:1.24rem;font-weight:800;margin:.5rem 0 .8rem}
.ftip-role p{color:var(--muted);font-size:.92rem;line-height:1.72;margin:0}
.ftip-role-ic{align-items:center;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:12px;color:var(--accent);display:flex;height:48px;justify-content:center;margin-bottom:1.1rem;width:48px}
.ftip-role.us .ftip-role-ic{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}

/* ---- 五大价值卡片：6 栅格错落 ---- */
.ftip-values{display:grid;gap:1.2rem;grid-template-columns:repeat(6,1fr);margin-top:1.4rem}
.ftip-value{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);grid-column:span 2;padding:1.8rem 1.7rem;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}
.ftip-value:nth-child(4),.ftip-value:nth-child(5){grid-column:span 3}
.ftip-value:hover{border-color:color-mix(in srgb,var(--accent) 42%,var(--line));box-shadow:var(--shadow-md);transform:translateY(-4px)}
.ftip-value-no{-webkit-text-stroke:1.4px color-mix(in srgb,var(--accent) 42%,transparent);color:transparent;display:block;font-family:var(--font-display);font-size:1.9rem;font-weight:800;line-height:1;margin-bottom:.7rem}
.ftip-value h3{font-size:1.08rem;margin:0 0 .55rem}
.ftip-value p{color:var(--muted);font-size:.9rem;line-height:1.7;margin:0}

/* ---- 六大系统协同：3×2 编号卡 + 闭环总结带 ---- */
.ftip-systems{display:grid;gap:1.3rem;grid-template-columns:repeat(3,1fr)}
.ftip-sys{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.9rem 1.8rem;position:relative;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}
.ftip-sys:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:var(--shadow-md);transform:translateY(-4px)}
.ftip-sys-head{align-items:center;display:flex;gap:.85rem;margin-bottom:1.1rem}
.ftip-sys-no{align-items:center;background:var(--accent);border-radius:10px;color:var(--accent-ink);display:flex;font-family:var(--font-display);font-size:1rem;font-weight:800;height:38px;justify-content:center;flex-shrink:0;width:38px}
.ftip-sys-head h3{font-size:1.1rem;margin:0}
.ftip-sys ul{display:grid;gap:.5rem;list-style:none;margin:0;padding:0}
.ftip-sys li{align-items:flex-start;color:var(--paper-soft);display:flex;font-size:.88rem;gap:.55rem;line-height:1.55}
.ftip-sys li:before{background:var(--accent);content:"";flex-shrink:0;height:7px;margin-top:.5rem;transform:rotate(45deg);width:7px}
.ftip-loop{align-items:center;background:linear-gradient(115deg,var(--accent-soft),var(--ink-2) 62%);border:1px solid color-mix(in srgb,var(--accent) 26%,transparent);border-radius:var(--radius);display:flex;flex-wrap:wrap;gap:.8rem 1.6rem;justify-content:center;margin-top:2.4rem;padding:1.7rem 2rem;text-align:center}
.ftip-loop span{color:var(--paper);font-family:var(--font-display);font-size:clamp(1rem,1.8vw,1.2rem);font-weight:700;line-height:1.6}
.ftip-loop b{color:var(--accent)}

/* ---- 三类内容 + 内容路径 ---- */
.ftip-content3{display:grid;gap:1.3rem;grid-template-columns:repeat(3,1fr)}
.ftip-c3{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}
.ftip-c3:hover{border-color:color-mix(in srgb,var(--accent) 42%,var(--line));box-shadow:var(--shadow-md);transform:translateY(-4px)}
.ftip-c3-top{background:var(--accent);color:var(--accent-ink);display:flex;align-items:center;gap:.7rem;padding:1rem 1.5rem}
.ftip-c3-top .n{font-family:var(--font-display);font-size:.78rem;font-weight:800;letter-spacing:.12em;opacity:.85}
.ftip-c3-top h3{color:var(--accent-ink);font-size:1.1rem;margin:0}
.ftip-c3 p{color:var(--muted);font-size:.9rem;line-height:1.72;margin:0;padding:1.4rem 1.5rem 1.6rem}
.ftip-path{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:2.4rem}
.ftip-path span{background:var(--ink-2);border:1px solid var(--line-strong);border-radius:999px;color:var(--paper);font-size:.88rem;font-weight:700;padding:.55rem 1.2rem}
.ftip-path i{color:var(--accent);font-style:normal;font-weight:800}

/* ---- 六步实施流程：左侧竖轨时间轴 ---- */
.ftip-timeline{margin-top:.5rem;position:relative}
.ftip-tl-item{display:grid;gap:1.4rem;grid-template-columns:64px 1fr;padding-bottom:2rem;position:relative}
.ftip-tl-item:last-child{padding-bottom:0}
.ftip-tl-node{align-items:center;background:var(--accent);border-radius:50%;color:var(--accent-ink);display:flex;font-family:var(--font-display);font-size:1.15rem;font-weight:800;height:52px;justify-content:center;position:relative;width:52px;z-index:1}
.ftip-tl-item:not(:last-child) .ftip-tl-node:after{background:var(--line-strong);content:"";height:calc(100% + 2rem);left:50%;position:absolute;top:52px;transform:translateX(-50%);width:2px;z-index:-1}
.ftip-tl-body{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.5rem 1.7rem;transition:border-color .3s ease,box-shadow .3s ease}
.ftip-tl-body:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));box-shadow:var(--shadow-md)}
.ftip-tl-body h3{font-size:1.12rem;margin:0 0 .5rem}
.ftip-tl-body p{color:var(--muted);font-size:.92rem;line-height:1.72;margin:0}

/* ---- 交付清单：勾选多列 ---- */
.ftip-deliver{columns:2;column-gap:2.4rem;list-style:none;margin:0;padding:0}
.ftip-deliver li{align-items:flex-start;break-inside:avoid;color:var(--paper-soft);display:flex;font-size:.94rem;gap:.7rem;line-height:1.6;margin-bottom:.95rem}
.ftip-deliver li:before{align-items:center;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 26%,transparent);border-radius:50%;color:var(--accent);content:"\2713";display:flex;flex-shrink:0;font-size:.72rem;font-weight:800;height:20px;justify-content:center;margin-top:.15rem;width:20px}

/* ---- 两套方案对比 ---- */
.ftip-plans{display:grid;gap:1.6rem;grid-template-columns:1fr 1fr}
.ftip-plan{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden;position:relative;transition:box-shadow .3s ease,transform .3s ease}
.ftip-plan:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}
.ftip-plan.featured{border-color:color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:0 18px 44px color-mix(in srgb,var(--accent) 15%,transparent)}
.ftip-plan-ribbon{background:var(--accent);color:var(--accent-ink);font-size:.72rem;font-weight:800;letter-spacing:.08em;padding:.4rem 1rem;text-align:center}
.ftip-plan-head{padding:1.9rem 1.9rem 1.3rem}
.ftip-plan-kicker{color:var(--accent);font-family:var(--font-display);font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.ftip-plan-head h3{font-size:1.4rem;font-weight:800;margin:.5rem 0 .8rem}
.ftip-plan-fit{color:var(--muted);font-size:.9rem;line-height:1.7;margin:0}
.ftip-plan-body{border-top:1px solid var(--line);flex:1;padding:1.5rem 1.9rem}
.ftip-plan-body h4{color:var(--muted);font-size:.74rem;font-weight:800;letter-spacing:.1em;margin:0 0 1rem;text-transform:uppercase}
.ftip-plan-list{display:grid;gap:.6rem;list-style:none;margin:0 0 1.4rem;padding:0}
.ftip-plan-list li{align-items:flex-start;color:var(--paper-soft);display:flex;font-size:.9rem;gap:.55rem;line-height:1.55}
.ftip-plan-list li:before{color:var(--accent);content:"\2713";flex-shrink:0;font-weight:800}
.ftip-plan-need{background:var(--surface-alt);border-left:3px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--paper-soft);font-size:.88rem;line-height:1.65;margin:0;padding:.9rem 1.1rem}
.ftip-plan-need b{color:var(--paper)}
.ftip-plan-foot{padding:0 1.9rem 1.9rem}
.ftip-plan-foot .btn{width:100%}

/* ---- 有效询盘定义：强调模块(浅色重描边) ---- */
.ftip-def{background:linear-gradient(120deg,var(--accent-soft),var(--ink-2) 58%);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}
.ftip-def-grid{display:grid;gap:0;grid-template-columns:1fr 1fr}
.ftip-def-col{padding:2.2rem 2.2rem}
.ftip-def-col+.ftip-def-col{border-left:1px solid color-mix(in srgb,var(--accent) 18%,var(--line))}
.ftip-def-col h3{align-items:center;display:flex;font-size:1.1rem;gap:.6rem;margin:0 0 1.2rem}
.ftip-def-col h3 .dot{border-radius:50%;flex-shrink:0;height:11px;width:11px}
.ftip-def-col.yes h3 .dot{background:var(--accent)}
.ftip-def-col.no h3 .dot{background:var(--muted)}
.ftip-def-col ul{display:grid;gap:.7rem;list-style:none;margin:0;padding:0}
.ftip-def-col li{align-items:flex-start;color:var(--paper-soft);display:flex;font-size:.92rem;gap:.6rem;line-height:1.6}
.ftip-def-col.yes li:before{color:var(--accent);content:"\2713";flex-shrink:0;font-weight:800}
.ftip-def-col.no li:before{color:var(--muted);content:"\2715";flex-shrink:0;font-weight:700}
.ftip-def-note{background:var(--paper);color:#fff;font-size:.96rem;line-height:1.75;padding:1.6rem 2.2rem}
.ftip-def-note b{color:color-mix(in srgb,var(--accent) 55%,#fff)}
.ftip-def-avoid{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.6rem}
.ftip-def-avoid span{background:var(--ink-2);border:1px dashed var(--line-strong);border-radius:999px;color:var(--muted);font-size:.82rem;padding:.4rem 1rem}

/* ---- 资产归属：三个强调点 ---- */
.ftip-own{display:grid;gap:1.2rem;grid-template-columns:repeat(3,1fr);margin-top:2rem}
.ftip-own-item{align-items:flex-start;background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);display:flex;gap:1rem;padding:1.6rem 1.6rem;transition:border-color .3s ease,transform .3s ease}
.ftip-own-item:hover{border-color:color-mix(in srgb,var(--accent) 42%,var(--line));transform:translateY(-3px)}
.ftip-own-ic{align-items:center;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:11px;color:var(--accent);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}
.ftip-own-item h3{font-size:1.04rem;margin:0 0 .35rem}
.ftip-own-item p{color:var(--muted);font-size:.88rem;line-height:1.65;margin:0}

/* ---- 增值服务：可选标签网格(弱化，不混淆核心方案) ---- */
.ftip-extra{display:grid;gap:.9rem;grid-template-columns:repeat(3,1fr)}
.ftip-extra-item{align-items:center;background:var(--surface-alt);border:1px solid var(--line);border-radius:var(--radius-sm);display:flex;gap:.75rem;padding:1.05rem 1.2rem;transition:border-color .3s ease,background .3s ease}
.ftip-extra-item:hover{background:var(--ink-2);border-color:color-mix(in srgb,var(--accent) 38%,var(--line))}
.ftip-extra-item .plus{color:var(--accent);flex-shrink:0;font-size:1.1rem;font-weight:800;line-height:1}
.ftip-extra-item span.tx{color:var(--paper-soft);font-size:.92rem;font-weight:600}

/* ---- 案例：脱敏结构卡(不虚构数字) ---- */
.ftip-case{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}
.ftip-case-head{align-items:center;background:var(--surface-alt);border-bottom:1px solid var(--line);display:flex;gap:.9rem;padding:1.5rem 2rem}
.ftip-case-head .badge{background:var(--accent);border:0;color:var(--accent-ink);font-size:.72rem;font-weight:800;letter-spacing:.06em}
.ftip-case-head h3{font-size:1.2rem;margin:0}
.ftip-case-rows{padding:.6rem 2rem 1.4rem}
.ftip-case-row{border-bottom:1px solid var(--line);display:grid;gap:1rem;grid-template-columns:130px 1fr;padding:1.1rem 0}
.ftip-case-row:last-child{border-bottom:0}
.ftip-case-k{color:var(--accent);font-size:.8rem;font-weight:800;letter-spacing:.06em}
.ftip-case-v{color:var(--paper-soft);font-size:.94rem;line-height:1.7;margin:0}
.ftip-case-note{background:var(--surface-alt);border-top:1px solid var(--line);color:var(--muted);font-size:.84rem;line-height:1.65;margin:0;padding:1.1rem 2rem}

/* ---- 响应式塌缩 ---- */
@media (max-width:1024px){
  .ftip-pains{grid-template-columns:repeat(2,1fr)}
  .ftip-systems,.ftip-content3{grid-template-columns:1fr 1fr}
  .ftip-split{grid-template-columns:1fr}
  .ftip-values{grid-template-columns:repeat(2,1fr)}
  .ftip-value,.ftip-value:nth-child(4),.ftip-value:nth-child(5){grid-column:span 1}
  .ftip-plans,.ftip-def-grid,.ftip-own{grid-template-columns:1fr}
  .ftip-def-col+.ftip-def-col{border-left:0;border-top:1px solid color-mix(in srgb,var(--accent) 18%,var(--line))}
  .ftip-extra{grid-template-columns:1fr 1fr}
}
@media (max-width:768px){
  .ftip-deliver{columns:1}
  .ftip-systems,.ftip-content3{grid-template-columns:1fr}
  .ftip-tl-item{gap:1rem;grid-template-columns:44px 1fr}
  .ftip-tl-node{height:44px;width:44px;font-size:1rem}
  .ftip-tl-item:not(:last-child) .ftip-tl-node:after{top:44px;height:calc(100% + 2rem)}
  .ftip-case-row{grid-template-columns:1fr;gap:.35rem}
}
@media (max-width:560px){
  .ftip-pains,.ftip-values,.ftip-extra{grid-template-columns:1fr}
  .ftip-case-head,.ftip-case-rows,.ftip-case-note{padding-left:1.4rem;padding-right:1.4rem}
  .ftip-def-col{padding:1.6rem 1.4rem}
}
@media (prefers-reduced-motion:reduce){
  .ftip-pain:hover,.ftip-role:hover,.ftip-value:hover,.ftip-sys:hover,.ftip-c3:hover,.ftip-plan:hover,.ftip-own-item:hover{transform:none}
}