@charset "utf-8";
/* ==========================================================================
   渠道风控页专属样式（channelRiskControl_2026.html）；深色证书区色值只在本块内自含，不进令牌
   颜色 / 阴影 / 缓动 / 圆角 / 顶栏高度引用 base_2026.css :root；宽度断点集中在文件末尾。
   ========================================================================== */

/* ===== 风控方案区 ===== */
.risk-solution{ position: relative; overflow: hidden; background: var(--paper); }

.risk-solution::before{
  content: ""; position: absolute; right: -12%; top: -32%;
  width: 620px; height: 620px; border-radius: 50%;
  border: 1px solid rgba(43,92,230,.08);
  box-shadow: 0 0 0 70px rgba(43,92,230,.018), 0 0 0 145px rgba(43,92,230,.012);
  pointer-events: none;
}

.risk-solution__layout{
  position: relative; display: grid;
  grid-template-columns: minmax(0,1.08fr) minmax(360px,.92fr);
  gap: 104px; align-items: start;
}

.risk-solution__copy{ max-width: 690px; }

.risk-solution__copy h2{
  margin: 18px 0 28px; font-size: 42px; line-height: 1.2;
  letter-spacing: -.04em; color: var(--ink);
}

.risk-solution__copy > p{
  margin: 0 0 18px; color: var(--ink-3); font-size: 15px; line-height: 2;
}

.risk-solution__deployment{
  display: flex; align-items: flex-end; gap: 24px;
  margin-top: 42px; padding: 28px 0 25px;
  border-top: 1px solid var(--line);
}

.risk-solution__deployment > b{
  color: var(--brand); font-size: 62px; line-height: .9; letter-spacing: -.06em;
}

.risk-solution__deployment sup{ font-size: .4em; vertical-align: top; }

.risk-solution__deployment div{ display: flex; flex-direction: column; gap: 7px; }

.risk-solution__deployment strong{ font-size: 16px; color: var(--ink); }

.risk-solution__deployment span{ color: var(--ink-5); font-size: 12px; }

.risk-solution__principles{
  list-style: none; margin: 46px 0 0; padding: 0;
  border-top: 1px solid var(--line);
}

.risk-solution__principles li{ padding: 25px 0; border-bottom: 1px solid var(--line-soft); }

.risk-solution__principles b{ display: block; font-size: 17px; color: var(--ink); }

.risk-solution__principles p{ margin: 8px 0 0; color: var(--ink-4); font-size: 13px; line-height: 1.75; }

/* ===== 证书区 ===== */
/* 深色块，色值只在本块内自含，不进 :root 令牌 */
.risk-proof{
  position: relative; overflow: hidden; padding: 112px 0;
  background: #0b172a; color: #f4f7fd;
}

.risk-proof::before{
  content: ""; position: absolute; inset: 0;
  background-image: linear-gradient(rgba(144,176,226,.055) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(144,176,226,.055) 1px, transparent 1px);
  background-size: 58px 58px;
  -webkit-mask-image: linear-gradient(90deg, #000, rgba(0,0,0,.55) 62%, transparent);
  mask-image: linear-gradient(90deg, #000, rgba(0,0,0,.55) 62%, transparent);
}

.risk-proof::after{
  content: ""; position: absolute; left: -280px; bottom: -430px;
  width: 720px; height: 720px; border-radius: 50%;
  border: 1px solid rgba(95,146,237,.12);
  box-shadow: 0 0 0 80px rgba(58,112,211,.035), 0 0 0 170px rgba(58,112,211,.022);
}

.risk-proof__layout{
  position: relative; z-index: 1; display: grid;
  grid-template-columns: minmax(0,.86fr) minmax(500px,1.14fr);
  gap: 96px; align-items: center;
}

.risk-proof__copy .eyebrow{ color: var(--eyebrow-on-dark); }

.risk-proof__org{ margin: 26px 0 0; color: #8da0be; font-size: 13px; letter-spacing: .06em; }

.risk-proof__copy h2{
  max-width: 580px; margin: 16px 0 24px;
  color: #fff; font-size: 40px; line-height: 1.22; letter-spacing: -.04em;
}

.risk-proof__intro{ margin: 0; color: #b3bfd2; font-size: 15px; line-height: 1.95; }

.risk-proof__status{
  display: flex; flex-direction: column; gap: 9px;
  margin: 38px 0 34px; padding: 20px 0;
  border-top: 1px solid rgba(179,202,239,.17);
  border-bottom: 1px solid rgba(179,202,239,.13);
  color: #fff; font-size: 22px; font-weight: 600;
}

.risk-proof__status sup{ color: #75a4ff; font-size: 12px; }

.risk-proof__status small{ color: #8eabda; font-size: 11px; font-weight: 400; letter-spacing: .04em; }

.risk-proof__meta{ display: grid; grid-template-columns: 1fr 1fr; margin: 0; }

.risk-proof__meta div{ padding: 17px 18px 17px 0; border-top: 1px solid rgba(179,202,239,.13); }

.risk-proof__meta div:nth-child(even){ padding-left: 22px; border-left: 1px solid rgba(179,202,239,.1); }

.risk-proof__meta dt{
  color: #73839d; font-family: var(--mono); font-size: 9px; font-weight: 600;
  line-height: 1.2; letter-spacing: .13em; text-transform: uppercase;
}

.risk-proof__meta dd{ margin: 8px 0 0; color: #eaf0fb; font-size: 13px; line-height: 1.5; }

.risk-proof__note{ margin: 30px 0 0; color: #94a2b8; font-size: 12px; line-height: 1.85; }

.risk-proof__document{ width: min(100%, 560px); margin: 0 0 0 auto; }

.risk-proof__document a{
  display: block; padding: 13px; background: #fff;
  box-shadow: 0 34px 90px rgba(0,0,0,.38);
  transition: transform .3s var(--ease), box-shadow .3s var(--ease);
}

.risk-proof__document a:hover{ transform: translateY(-5px); box-shadow: 0 42px 100px rgba(0,0,0,.46); }

.risk-proof__document img{ display: block; width: 100%; height: auto; }

.risk-proof__document figcaption{
  display: flex; justify-content: space-between; gap: 20px;
  padding: 16px 2px 0; color: #dbe6f8; font-size: 12px;
}

.risk-proof__document figcaption small{ color: #70819c; }

/* ===== 证书幕墙扫光 ===== */
/* 遮罩把光裁在面板顶部 14%~34%，不扫正文与证书原件 */
.risk-proof::before,
.risk-proof::after{ z-index: 0; }

.risk-proof__sweepbox{
  position: absolute; inset: 0; z-index: 1; overflow: hidden; pointer-events: none;
  -webkit-mask-image: linear-gradient(to bottom, #000 0, #000 14%, transparent 34%);
  mask-image: linear-gradient(to bottom, #000 0, #000 14%, transparent 34%);
}

.risk-proof__sweep{
  position: absolute; display: block; width: 56%; height: 230%;
  left: -40%; top: -90%; filter: blur(26px); will-change: transform;
  background: linear-gradient(96deg, transparent, rgba(150,140,255,0) 18%,
    rgba(158,150,255,.34) 46%, rgba(196,210,255,.52) 54%,
    rgba(158,150,255,.30) 62%, transparent 88%);
  animation: rp-sweep 11s cubic-bezier(.45,0,.25,1) infinite;
}

/* ===== 飞单成本测算 ===== */
.sp-page .pcalc__premise{ margin: 0 0 34px; font-size: 16px; line-height: 1.9; color: var(--ink-3); }

.sp-page .pcalc__premise b{ color: var(--ink); font-weight: 600; }

.sp-page .pcalc__grid{
  display: grid; grid-template-columns: 1fr 1fr;
  border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);
}

.sp-page .pcalc__grid > section{ padding: 32px 44px 34px 0; }

.sp-page .pcalc__grid > section + section{
  padding: 32px 0 34px 44px; border-left: 1px solid var(--line-soft);
}

.sp-page .pcalc h3{
  margin: 0 0 22px; font-size: 15px; font-weight: 600;
  color: var(--ink-4); letter-spacing: .02em;
}

.sp-page .pcalc dl{ margin: 0; }

.sp-page .pcalc dl > div{
  display: flex; justify-content: space-between; align-items: baseline;
  gap: 20px; padding: 13px 0; border-top: 1px solid var(--line-soft);
}

.sp-page .pcalc dl > div:first-child{ border-top: 0; padding-top: 0; }

.sp-page .pcalc dt{ margin: 0; font-size: 13.5px; color: var(--ink-4); }

.sp-page .pcalc dd{ margin: 0; font-size: 13.5px; color: var(--ink-3); white-space: nowrap; }

.sp-page .pcalc dd b{ font-weight: 600; color: var(--ink); }

.sp-page .pcalc__sum{
  display: flex; justify-content: space-between; align-items: baseline;
  gap: 20px; margin: 22px 0 0; padding-top: 18px; border-top: 1px solid var(--line);
}

.sp-page .pcalc__sum span{ font-size: 14px; font-weight: 600; color: var(--ink); }

.sp-page .pcalc__sum b{
  font-size: 40px; line-height: 1; font-weight: 700;
  letter-spacing: -.04em; color: var(--brand);
}

.sp-page .pcalc__sum b i{ font-style: normal; font-size: 16px; margin-left: 3px; }

.sp-page .pcalc__note{ margin: 26px 0 0; font-size: 13px; line-height: 1.9; color: var(--ink-4); }

@keyframes rp-sweep{
  0%{ transform: translate3d(0,0,0) rotate(-14deg); opacity: 0; }
  10%{ opacity: 1; }
  70%{ opacity: 1; }
  100%{ transform: translate3d(215%,0,0) rotate(-14deg); opacity: 0; }
}

/* ===== 响应式 ===== */
/* ===== ≤1200px ===== */
@media (max-width: 1200px){
  .sp-page .risk-solution__layout{ gap: 64px; }
  .sp-page .risk-proof__layout{
  grid-template-columns: minmax(0,.92fr) minmax(430px,1.08fr); gap: 58px;
  }
}

/* ===== ≤1024px ===== */
@media (max-width: 1024px){
  /* ===== 风控方案 / 证书证据 ===== */
  .sp-page .risk-solution__layout,
  .sp-page .risk-proof__layout{ grid-template-columns: 1fr; }
  .sp-page .risk-solution__layout{ gap: 34px; }
  .sp-page .risk-solution__principles{ margin-top: 0; }
  .risk-proof{ padding: 84px 0; }
  .risk-proof__layout{ gap: 58px; }
  .risk-proof__document{ width: min(100%, 620px); margin: 0 auto; }
}

/* ===== ≤768px ===== */
@media (max-width: 768px){
  /* ===== 风控 ===== */
  .risk-solution::before{ display: none; }
  .risk-solution__copy h2{ font-size: 31px; }
  .risk-proof__copy h2{ font-size: 28px; }
  .risk-solution__copy > p,
  .risk-proof__intro{ font-size: 14px; line-height: 1.9; }
  .risk-solution__deployment{ align-items: center; gap: 18px; }
  .risk-solution__deployment > b{ font-size: 48px; }
  .risk-proof{ padding: 66px 0; }
  .risk-proof__org{ line-height: 1.6; }
  .risk-proof__status{ font-size: 19px; }
  .risk-proof__meta{ grid-template-columns: 1fr; }
  .risk-proof__meta div:nth-child(even){ padding-left: 0; border-left: 0; }
  .risk-proof__document a{ padding: 8px; }
  .risk-proof__document figcaption{ padding-top: 12px; }
  /* ===== 飞单测算 ===== */
  .sp-page .pcalc__grid{ grid-template-columns: 1fr; }
  .sp-page .pcalc__grid > section{ padding: 26px 0 28px; }
  .sp-page .pcalc__grid > section + section{
  padding: 26px 0 28px; border-left: 0; border-top: 1px solid var(--line-soft);
  }
  .sp-page .pcalc dl > div{ flex-direction: column; gap: 4px; align-items: flex-start; }
  .sp-page .pcalc__sum b{ font-size: 32px; }
}
@media (max-width: 480px){
  .risk-proof{ padding: 32px 0; }
}

@media (prefers-reduced-motion: reduce){
.risk-proof__sweep{ animation: none; }
}