/* 项目间衔接：详情页底部的"下一个项目"引导区（由 project-flow.js 注入）。
   浏览到页面底部后继续下拉累积进度自动进入下一个项目；也可直接点击。 */
.project-flow{
  display:block;
  position:relative;
  width:min(1180px,100%);
  margin:96px auto 0;
  padding:64px 40px 72px;
  text-decoration:none;
  color:#111;
  border-top:1px solid rgba(0,0,0,.12);
  opacity:0;
  transform:translateY(24px);
  transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);
}
.project-flow.is-visible{opacity:1;transform:none}
.project-flow__eyebrow{
  display:block;
  font-size:13px;
  letter-spacing:.14em;
  text-transform:uppercase;
  opacity:.55;
}
.project-flow__title{
  display:block;
  margin-top:14px;
  font-size:clamp(28px,4.6vw,54px);
  font-weight:700;
  line-height:1.14;
  letter-spacing:-.015em;
}
.project-flow__arrow{
  display:inline-block;
  margin-left:.35em;
  transition:transform .28s cubic-bezier(.16,1,.3,1);
}
.project-flow:hover .project-flow__arrow{transform:translateX(10px)}
.project-flow__hint{
  display:block;
  margin-top:18px;
  font-size:14px;
  opacity:.5;
}
.project-flow__progress{
  display:block;
  margin-top:28px;
  height:2px;
  border-radius:2px;
  background:rgba(0,0,0,.10);
  overflow:hidden;
}
.project-flow__progress i{
  display:block;
  height:100%;
  background:currentColor;
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .1s linear;
}
.project-flow--dark{color:#f2f3f5;border-top-color:rgba(255,255,255,.14)}
.project-flow--dark .project-flow__progress{background:rgba(255,255,255,.14)}
@media(max-width:560px){
  .project-flow{margin-top:64px;padding:48px 20px 56px}
  .project-flow__hint{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
  .project-flow{opacity:1;transform:none;transition:none}
  .project-flow__arrow{transition:none}
}