/* ======================================================
   渠道合作页 page-corp.css
   设计体系：--green:#0A6659  --green-dark:#075044
   ====================================================== */
.corp-page { background: #fff; }

/* 版块切换导航（页内锚点） */
.corp-tabnav {
  background: #fff;
  border-bottom: 1px solid #edf1f0;
  position: sticky;
  top: 64px;
  z-index: 20;
}
.corp-tabnav .container {
  display: flex;
  gap: 14px;
  justify-content: center;
  flex-wrap: wrap;
  padding: 16px 0;
}
.corp-tabnav a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 11px 26px;
  border-radius: 999px;
  border: 1px solid rgba(10,102,89,.30);
  color: var(--green-dark);
  font-weight: 600;
  font-size: 15px;
  transition: all .25s ease;
  background: #fff;
}
.corp-tabnav a .tn-ico { width: 18px; height: 18px; }
.corp-tabnav a:hover { background: rgba(10,102,89,.08); transform: translateY(-1px); }
.corp-tabnav a.active,
.corp-tabnav a:target { background: var(--green); border-color: var(--green); color: #fff; }

/* 版块容器 */
.corp-sec { padding: 70px 0 76px; scroll-margin-top: 120px; }
.corp-sec.alt { background: var(--bg-light); }
.qudao{background-color: #f8f8f8;}
/* 外贸跨境版块背景图（黑色遮罩） */
#trade { position: relative; }
#trade::before {
  content: '';
  position: absolute; inset: 0;
  background:url('../images/bg_corp_lc.jpg') center/cover no-repeat;
  z-index: 0; pointer-events: none;
}
#trade > .container { position: relative; z-index: 1; }

/* 黑色背景下的文字与按钮适配 */
#trade .corp-intro h2 { color: #fff; }
#trade .corp-intro .corp-sub { color: rgba(255,255,255,0.82); }
#trade .btn-outline { border-color: rgba(255,255,255,.6); color: #fff; }
#trade .btn-outline:hover { background: rgba(255,255,255,.14); }

/* 外贸跨境核心优势版块背景图（黑色遮罩） */
#trade-adv-sec { position: relative; }
#trade-adv-sec::before {
  content: '';
  position: absolute; inset: 0;
  background:url('../images/bg_corp_ys.jpg') center/cover no-repeat;
  z-index: 0; pointer-events: none;
}
#trade-adv-sec > .container { position: relative; z-index: 1; }
#trade-adv-sec .corp-intro h2 { color: #fff; }
#trade-adv-sec .corp-intro .corp-sub { color: rgba(255,255,255,0.82); }

/* 拆分出的独立版块：首块标题去掉多余顶部外边距 */
.corp-sec > .container > .corp-block-title:first-child { margin-top: 0; }

/* 版块头部 */
.corp-intro { max-width: 860px; margin: 0 auto 46px; text-align: center; }
.corp-eyebrow {
  display: inline-block;
  color: var(--green);
  font-weight: 700;
  letter-spacing: 2px;
  font-size: 13px;
  padding: 6px 16px;
  border: 1px solid rgba(10,102,89,.25);
  border-radius: 999px;
  margin-bottom: 18px;
}
.corp-intro h2 {
  font-size: 30px;
  font-weight: 800;
  line-height: 1.35;
  color: #14201e;
  letter-spacing: .5px;
}
.corp-intro .corp-sub {
  margin-top: 14px;
  color: var(--text-light);
  font-size: 16px;
  line-height: 1.85;
}
/* 同版块内多个 corp-intro 时的纵向间距（第二/第三个标题上方留白） */
.corp-sec .container > .corp-intro:not(:first-child) { margin-top: 44px; }

/* 四大核心服务卡片 */
.corp-services {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}
.corp-service-card {
  position: relative;
  background: #fff;
  border: 1px solid #ecf1f0;
  border-radius: 18px;
  padding: 30px 26px 28px;
  overflow: hidden;
  text-align: center;
  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.corp-sec.alt .corp-service-card { background: #fff; }
.corp-service-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 20px 44px rgba(10,102,89,.14);
  border-color: rgba(10,102,89,.35);
}
.corp-svc-num {
  position: absolute;
  right: 16px; top: 10px;
  font-size: 46px; font-weight: 800;
  color: rgba(10,102,89,.07);
  line-height: 1;
  font-style: italic;
}
.corp-svc-ico {
  display: block;
  font-size: 38px;
  color: var(--green);
  margin: 0 auto 18px;
  line-height: 1;
}
.corp-service-card h3 { font-size: 18px; font-weight: 700; color: #14201e; margin-bottom: 10px; }
.corp-service-card p { color: var(--text-light); font-size: 15px; line-height: 1.85; }

/* 流程时间线 */
.corp-block-title {
  font-size: 21px; font-weight: 700; color: #14201e;
  text-align: center; margin: 52px 0 26px;
  position: relative; padding-bottom: 14px;
}
.corp-block-title::after {
  content: ""; position: absolute; left: 50%; bottom: 0;
  width: 52px; height: 3px; border-radius: 3px;
  background: var(--green); transform: translateX(-50%);
}
.corp-steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap:20px;
}
.corp-step {
  position: relative;
  background:#fff;
  border: 1px solid #ecf1f0;
  border-radius: 0px;
  padding:30px 18px 35px;
  text-align: center;
  transition: all .25s ease;
}
.corp-step:hover { border-color: rgba(10,102,89,.35); box-shadow: 0 12px 28px rgba(10,102,89,.10); }
.corp-step .num {
  width: 36px; height: 36px; margin: 0 auto 12px;
  border-radius: 50%;
  background: var(--green); color: #fff;
  display: flex; align-items: center; justify-content: center;
  font-weight: 700; font-size: 15px;
}
.corp-step h4 { font-size: 18px; font-weight: 700; color: #14201e; }
.corp-step p { font-size: 14px; color: var(--text-light); line-height: 1.7; margin-top: 4px; }

/* 电商分销合作流程：通屏深色版块（图片背景 + 黑色遮罩） */
.corp-flow-sec {
  position: relative;
  padding: 80px 0;
  scroll-margin-top: 120px;
}
.corp-flow-sec::before {
  content: '';
  position: absolute; inset: 0;
  background:url('../images/bg_corp_lc.jpg') center/cover no-repeat;
  z-index: 0; pointer-events: none;
}
.corp-flow-sec > .container { position: relative; z-index: 1; }
.corp-flow-sec .corp-intro { margin-bottom: 50px; }
.corp-flow-sec .corp-intro h2 { color: #fff; }
.corp-flow-sec .corp-intro .corp-sub { color: rgba(255,255,255,0.82); }
.corp-flow-steps {
  display: block;
  max-width: 1600px; margin: 0 auto;
}
.corp-flow-row { display: grid; gap: 20px; grid-template-columns: repeat(5, 1fr); }

/* 适配渠道 / 适配客户 标签 */
.corp-chips {
  display: flex; flex-wrap: wrap; gap: 12px; justify-content: center;
}
.corp-chip {
  display: inline-flex; align-items: center; gap:20px;
  padding: 11px 22px;
  background: #fff;
  border: 1px solid #e0e8e6;
  font-size:18px; color: #2a3a38;
  transition: all .2s ease;
}
.corp-chip:hover { border-color: var(--green); color: var(--green-dark); transform: translateY(-2px); }
.corp-chip .dot { width: 7px; height: 7px; border-radius: 50%; background: var(--green); }

/* 适配合作客户 / 适配经销客户版块几何背景（大块几何，对角呼应，不干扰标签阅读） */
#corp-clients,
#dealer-clients { position: relative; overflow: hidden; }
#corp-clients::before,
#dealer-clients::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 92% 8%, rgba(10,102,89,.10), transparent 42%),
    radial-gradient(circle at 4% 96%, rgba(10,102,89,.06), transparent 46%),
    url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='300'%20height='300'%3E%3Cpath%20d='M30%20260%20L260%20260%20L145%2040%20Z'%20fill='none'%20stroke='%230A6659'%20stroke-opacity='0.09'%20stroke-width='14'/%3E%3C/svg%3E") no-repeat left -96px bottom -28px / 300px 300px;
}
#corp-clients > .container,
#dealer-clients > .container { position: relative; z-index: 1; }
@media (max-width: 600px) {
  #corp-clients::before,
  #dealer-clients::before {
    background:
      radial-gradient(circle at 94% 3%, rgba(10,102,89,.09), transparent 38%),
      radial-gradient(circle at 2% 98%, rgba(10,102,89,.05), transparent 44%),
      url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='200'%20height='200'%3E%3Cpath%20d='M20%20175%20L175%20175%20L97%2028%20Z'%20fill='none'%20stroke='%230A6659'%20stroke-opacity='0.08'%20stroke-width='12'/%3E%3C/svg%3E") no-repeat left -88px bottom -18px / 200px 200px;
  }
}

/* 核心优势徽章 */
.corp-adv {
  display: flex; flex-wrap: wrap; gap:30px; justify-content: center;
}
.corp-adv span {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 10px 20px;
  border-radius: 10px;
  background: rgba(10,102,89,.08);
  color: var(--green-dark);
  font-weight: 600; font-size:18px;
}
.corp-adv span::before { content: "✓"; font-weight: 800; color: var(--green); }

/* 电商分销核心优势：图标优势卡（3×2 网格），作用域隔离不影响外贸版块 */
#ec-adv { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 6px; }
/* 外贸跨境核心优势：同款图标优势卡（3×2 网格），作用域隔离不影响电商版块 */
#trade-adv { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 6px; }
/* 经销核心优势：图标优势卡（7 项，flex 自动换行 4+3 居中），作用域隔离不影响其它版块 */
#dealer-adv { display: flex; flex-wrap: wrap; justify-content: center; gap: 18px; margin-top: 6px; }
#dealer-adv .corp-adv-card { flex: 0 1 calc(25% - 14px); min-width: 0; }

/* 经销商合作流程版块背景图（黑色遮罩），参照 #trade-adv-sec，仅本版块 id 作用域不影响其它版块 */
#dealer-flow-sec { position: relative; }
#dealer-flow-sec::before {
  content: '';
  position: absolute; inset: 0;
  background:url('../images/bg_corp_lc.jpg') center/cover no-repeat;
  z-index: 0; pointer-events: none;
}
#dealer-flow-sec > .container { position: relative; z-index: 1; }
#dealer-flow-sec .corp-intro h2 { color: #fff; }
#dealer-flow-sec .corp-intro .corp-sub { color: rgba(255,255,255,0.82); }
/* 移动端 iOS 不支持 background-attachment:fixed，降级为 scroll 避免背景丢失 */
@media (max-width: 768px) {
  #dealer-flow-sec::before,
  #trade-adv-sec::before { background-attachment: scroll; }
}
.corp-adv-card {
  background: #fff;
  border: 1px solid rgba(10,102,89,.12);
  border-radius: 14px;
  padding: 30px 30px 50px;
  text-align:center;
  transition: all .2s ease;
}
.corp-adv-card:hover { transform: translateY(-3px); box-shadow: 0 10px 26px rgba(10,102,89,.12); border-color: var(--green); }
.corp-adv-ico {
  display: inline-flex; align-items: center; justify-content: center;
  width: 48px; height: 48px; border-radius: 12px;
  background: rgba(10,102,89,.10); color: var(--green);
  font-size: 22px; margin-bottom: 14px;
}
/* 资质/证书类图标：直接使用免费版 fa-file-circle-check（文件 + 对勾），
   FontAwesome Pro 的 file-certificate 为付费图标（本地 FA 6.5.1 Free 未包含） */
.corp-adv-card h4 { font-size: 18px; color: var(--text); margin: 0 0 8px; font-weight: 700; }
.corp-adv-card p { font-size: 15px; line-height: 1.7; color: #555; margin: 0; }

/* CTA 按钮行 */
.corp-cta-row {
  display: flex; gap: 16px; justify-content: center; flex-wrap: wrap;
  margin-top: 34px;
}
.corp-cta-row .btn { min-width: 180px; text-align: center; padding: 14px 26px; font-size: 16px; }
/* 第一个 CTA 行（位于 .corp-flow-sec）的描边按钮：改为品牌绿描边+绿字，确保在浅/白背景也可见；#trade 内的第二个 CTA 行保持原白色描边样式不变 */
.corp-flow-sec .corp-cta-row .btn-outline {
  border-color: var(--green); color: var(--green-dark); background: #fff;
}
.corp-flow-sec .corp-cta-row .btn-outline:hover {
  background: var(--green); color: #fff;
}

/* 联合 CTA 区（三版块收口） */
.corp-union {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px;
  margin-top: 10px;
}
.corp-union-card {
   padding: 32px 30px;
  background: linear-gradient(135deg, var(--green), var(--green-dark));
  color: #fff;
  display: flex; flex-direction: column; justify-content: center;
  position: relative; overflow: hidden;
}
.corp-union-card::after {
  content: ""; position: absolute; right: -40px; bottom: -40px;
  width: 160px; height: 160px; border-radius: 50%;
  background: rgba(255,255,255,.08);
  pointer-events: none;   /* 纯装饰圆不拦截点击（曾盖住手机端箭头导致点图标无效） */
}
.corp-union-card h3 { font-size: 20px; font-weight: 700; margin-bottom:20px; }
.corp-union-card p { font-size: 16px; line-height: 1.8; opacity: .92; margin-bottom:30px; }
.corp-union-card .btn-outline {
  align-self: flex-start; border-color: rgba(255,255,255,.6); color: #fff;
}
.corp-union-card .btn-outline:hover { background: rgba(255,255,255,.16); }
/* 联合收口卡片箭头：真元素，仅手机端显示（PC/平板隐藏，展示样式不变） */
.corp-union-arrow{display:none}

/* FAQ（GEO 优化） */
.corp-faq {
  position: relative;
  background-color: var(--bg-light);
  background-image:
    radial-gradient(circle at 90% 6%, rgba(10,102,89,.12), rgba(10,102,89,0) 42%),
    radial-gradient(circle at 2% 98%, rgba(10,102,89,.07), rgba(10,102,89,0) 36%),
    url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='64'%20height='64'%3E%3Cg%20fill='none'%20stroke='%230A6659'%20stroke-opacity='0.10'%20stroke-width='1.2'%3E%3Ccircle%20cx='13'%20cy='13'%20r='3'/%3E%3Crect%20x='44'%20y='40'%20width='7'%20height='7'/%3E%3Cpath%20d='M44%209%20L51%209%20L47.5%2016%20Z'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat, no-repeat, repeat;
  background-position: top right, bottom left, center;
  background-size: auto, auto, 64px 64px;
  overflow: hidden;
}
.corp-faq > .container { position: relative; z-index: 1; }
.corp-faq-list { max-width:1200px; margin: 0 auto; }
.corp-faq-item {
  background: #fff;
  border: 1px solid #ecf1f0;
  border-radius: 12px;
  margin-bottom: 12px;
  overflow: hidden;
  transition: border-color .2s ease;
}
.corp-faq-item[open] { border-color: rgba(10,102,89,.4); }
.corp-faq-item summary {
  list-style: none;
  cursor: pointer;
  padding: 18px 22px;
  font-size: 18px; font-weight: 600; color: #14201e;
  display: flex; align-items: center; gap: 12px;
}
.corp-faq-item summary::-webkit-details-marker { display: none; }
.corp-faq-item summary .q-badge {
  flex: 0 0 auto; width: 26px; height: 26px; border-radius: 50%;
  background: rgba(10,102,89,.10); color: var(--green-dark);
  display: flex; align-items: center; justify-content: center;
  font-size: 14px; font-weight: 800;
}
.corp-faq-item summary .q-arrow {
  margin-left: auto; width: 20px; height: 20px; color: var(--green);
  transition: transform .25s ease;
}
.corp-faq-item[open] summary .q-arrow { transform: rotate(180deg); }
.corp-faq-body {
  padding: 0 22px 20px 20px;
  color: var(--text-light); font-size: 14.5px; line-height: 1.95;
}
.corp-faq-body strong { color: var(--green-dark); }

/* ===================== 响应式 ===================== */
@media (max-width: 980px) {
  .corp-services { grid-template-columns: repeat(2, 1fr); }
  .corp-union { grid-template-columns: repeat(2, 1fr); }
  .corp-union-card:last-child { grid-column: 1 / -1; }
  .corp-tabnav { top: 58px; }
  .corp-intro h2 { font-size: 25px; }
  .corp-faq-item summary{font-size:16px;}
  .corp-step{border-radius: 0px; padding:20px 12px;}
  .corp-chip {gap: 10px;padding: 8px 20px; border-radius: 0px; font-size: 16px; font-weight: bold;}
  #ec-adv { grid-template-columns: repeat(2, 1fr); gap: 14px; }
  #trade-adv { grid-template-columns: repeat(2, 1fr); gap: 14px; }
  #dealer-adv { gap: 14px; }
  #dealer-adv .corp-adv-card { flex: 0 1 calc(50% - 7px); }
  .corp-adv-card { padding: 20px 18px; }
}
@media (max-width: 600px) {
  .corp-sec { padding: 48px 0 54px; }
  .corp-services { grid-template-columns: 1fr; gap: 16px; }
  .corp-union { grid-template-columns: 1fr; }
  .corp-union-card:last-child { grid-column: auto; }
  .corp-intro h2 { font-size: 22px; }
  .corp-intro .corp-sub { font-size: 14.5px; }
  .corp-block-title { font-size: 18px; margin: 38px 0 20px; }
  .corp-tabnav a { padding: 9px 18px; font-size: 14px; flex: 1 1 auto; justify-content: center; }
  .corp-cta-row .btn { width: 100%; }
  .corp-faq-body { padding-left: 22px; }
  .corp-union-card { padding: 26px 22px; }
  .corp-flow-sec { padding: 44px 0; }
  .corp-steps { grid-template-columns: repeat(2, 1fr); }
  .corp-flow-steps { max-width: 100%; }
  .corp-flow-row { grid-template-columns: 1fr 1fr; max-width: 100%; }
  /* 核心优势手机版：一行三个，共两行显示 */
  .corp-adv { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .corp-adv span { justify-content: center; padding: 10px 6px; font-size: 14px; }
  /* 适配合作客户 / 适配经销客户手机版：参考核心优势方式，一行两个、两行显示 */
  #corp-clients .corp-chips,
  #dealer-clients .corp-chips { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
  #corp-clients .corp-chip,
  #dealer-clients .corp-chip { justify-content: center; padding: 10px 6px; font-size: 14px; }
  .corp-union-card h3{
    display:flex;align-items:center;justify-content:space-between;gap:10px;
    margin-bottom:0;font-size:18px;cursor:pointer;user-select:none;
  }
  /* 真元素箭头：独立可点击热区（28×28），hover 提亮 */
  .corp-union-arrow{
    display:inline-flex;align-items:center;justify-content:center;
    width:28px;height:28px;flex:0 0 auto;
    font-size:14px;color:#fff;opacity:.9;
    transition:transform .3s ease,opacity .2s;
  }
  .corp-union-card h3:hover .corp-union-arrow{opacity:1}
  .corp-union-card p,
  .corp-union-card .btn-outline{height:0;min-height:0;max-height:0;padding-top:0;padding-bottom:0;border-top:0;border-bottom:0;overflow:hidden;margin:0;transition:max-height .35s ease,padding .35s ease}
  .corp-union-card p{padding:0;border:0}
  .corp-union-card.open p{height:auto;max-height:200px;margin:14px 0 18px;padding-top:0;padding-bottom:0}
  .corp-union-card.open .btn-outline{height:auto;max-height:60px;margin-top:0px;padding-top:13px;padding-bottom:13px;border-top:1px solid rgba(255,255,255,.6);border-bottom:1px solid rgba(255,255,255,.6)}
  .corp-union-card.open .corp-union-arrow{transform:rotate(180deg)}

}
@media (max-width: 480px) {
	.corp-chip {font-size: 15px;}
	.corp-adv-card{ padding: 20px 10px;}
	.corp-steps{gap:10px}
	#trade-adv{gap:10px}
	#ec-adv{gap:10px;}
	#dealer-adv{gap:10px;}
	.corp-adv-card{border-radius: 0px;}
	.corp-flow-row{gap:10px}
	.corp-step{padding:20px 10px;}
	.corp-union-card h3{font-size:16.5px;}
	.corp-union-card.open .btn-outline{font-size:14px;}
	
}