/* 福宠送宠票（fc-tk-v1）：待收货进度做成一张票。只作用于 .fc-tk；撤销只需从 index.html 去掉这一行引用。 */

.fc-delivery-journey.fc-tk{
  --tk-ink:#4a3a2e;--tk-mute:#a8968a;--tk-line:#ecdccb;--tk-hot:#cf3b00;--tk-paper:#fffaf4;
  position:relative;overflow:visible;color:var(--tk-ink);
  background:var(--tk-paper)!important;border:0!important;border-radius:16px!important;
  padding:16px 16px 13px!important;
  box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 8px 22px -18px rgba(90,50,20,.55)!important;
}
.fuchong-orders .orders>article.fc-oc>.fc-delivery-journey.fc-tk{
  margin:18px 0 0!important;padding:16px 16px 13px!important;background:var(--tk-paper)!important;
}
.fuchong-orders .fc-delivery-journey.fc-tk.fc-tk-demo{margin:16px 18px!important}

/* 票头 */
.fc-tk>header{align-items:center!important}
.fc-tk>header small{display:block;color:var(--tk-hot)!important;font-size:10px!important;letter-spacing:.04em;font-weight:600}
.fc-tk>header h3{margin:6px 0 0!important;color:var(--tk-ink)!important;font-size:16px!important;font-weight:600!important;letter-spacing:-.01em}
.fc-tk>header>span{
  flex:none;max-width:44%;padding:3px 9px;border:1px dashed #e4cbb4;border-radius:999px;
  color:#b08a6c!important;font-size:10px!important;line-height:1.5!important;font-variant-numeric:tabular-nums;
}

/* 出发 → 到达 */
.fc-tk-cities{display:grid;grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);align-items:end;gap:8px;margin:14px 0 2px}
.fc-tk-cities p{margin:0;min-width:0}
.fc-tk-cities p:last-child{text-align:right}
.fc-tk-cities small{display:block;color:var(--tk-mute);font-size:10px;line-height:1.4}
.fc-tk-cities b{
  display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  color:var(--tk-ink);font-size:17px;font-weight:700;letter-spacing:-.02em;line-height:1.3;
}
.fc-tk-cities i{
  position:relative;height:16px;margin-bottom:4px;
  background:radial-gradient(circle,#dcc3ab 1.2px,transparent 1.6px) 0 50%/7px 4px repeat-x;
}
.fc-tk-cities i::after{
  content:"";position:absolute;right:-1px;top:50%;width:6px;height:6px;margin-top:-3px;
  border:solid #dcc3ab;border-width:1.5px 1.5px 0 0;transform:rotate(45deg);
}

/* 航线 */
.fc-tk>svg{height:58px!important;margin:4px 0 0!important}
.fc-tk .journey-base{stroke:var(--tk-line)!important;stroke-dasharray:2 6;stroke-width:2px!important}
.fc-tk .journey-active{stroke:var(--tk-hot)!important;stroke-width:2.2px!important}
.fc-tk svg circle{fill:var(--tk-paper)!important;stroke:#e2cdb9!important;stroke-width:1.5px!important}
.fc-tk svg circle.reached{fill:var(--tk-hot)!important;stroke:var(--tk-hot)!important}
.fc-tk .journey-vehicle path{fill:#fff!important;stroke:var(--tk-hot)!important;stroke-width:1.5px!important;stroke-linejoin:round}
.fc-tk .journey-vehicle circle{fill:#fff!important;stroke:var(--tk-hot)!important;stroke-width:1.5px!important}
.fc-tk .journey-vehicle circle.fc-tk-win{fill:var(--tk-hot)!important;stroke:none!important}
.fc-tk .journey-vehicle path.fc-tk-wing{fill:#ffe9da!important}
.fc-tk .journey-vehicle path.fc-tk-heart{fill:var(--tk-hot)!important;stroke:none!important}

.fc-tk-fly .journey-vehicle{animation:fc-tk-float 3.2s ease-in-out infinite!important;transform-box:fill-box;transform-origin:50% 50%}
.fc-tk-car .journey-vehicle{animation:fc-tk-bump .9s ease-in-out infinite!important}

.fc-tk ol{margin-top:2px!important}
.fc-tk li{color:#c6b6a7!important;font-size:10px!important}
.fc-tk li.reached{color:var(--tk-hot)!important;font-weight:600}

/* 撕票线：两侧半圆缺口 + 虚线 */
.fc-tk>footer{
  position:relative;margin-top:14px!important;padding-top:11px!important;
  border-top:1.5px dashed #ead6c2!important;color:var(--tk-mute)!important;font-size:11px!important;
}
.fc-tk>footer::before,.fc-tk>footer::after{
  content:"";position:absolute;top:-9px;width:16px;height:16px;border-radius:50%;background:#fff;
}
.fc-tk>footer::before{left:-24px}
.fc-tk>footer::after{right:-24px}
.fc-tk>footer span:first-child{color:var(--tk-ink)}

@keyframes fc-tk-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-2.5px) rotate(-3deg)}}
@keyframes fc-tk-bump{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.2px)}}

@media (max-width:360px){
  .fc-tk-cities b{font-size:15px}
  .fc-tk li{font-size:9px!important}
}
@media (prefers-reduced-motion:reduce){
  .fc-tk .journey-vehicle{animation:none!important}
}