.journey-map{position:relative;width:100%;height:min(640px,72vw);min-height:430px;border-radius:28px;overflow:hidden;background:radial-gradient(circle at 62% 46%,rgba(255,209,102,.16),transparent 14%),linear-gradient(135deg,rgba(3,16,31,.92),rgba(11,28,48,.96));border:1px solid var(--line)}.journey-map svg{position:absolute;inset:0;width:100%;height:100%}.map-land{fill:rgba(255,255,255,.08);stroke:rgba(255,255,255,.16);stroke-width:1}.map-grid{stroke:rgba(255,255,255,.07);stroke-width:1}.route-line{fill:none;stroke-width:4;stroke-linecap:round;stroke-dasharray:10 12}.route-blue{stroke:var(--blue)}.route-green{stroke:var(--green)}.city-label{position:absolute;z-index:3;padding:10px 13px;border-radius:999px;background:rgba(7,17,31,.78);border:1px solid var(--line);backdrop-filter:blur(12px);line-height:1.05}.city-label strong{display:block}.city-label small{color:var(--muted)}.city-label::before{content:"";position:absolute;left:-5px;top:50%;width:10px;height:10px;border-radius:50%;transform:translateY(-50%);background:var(--gold);box-shadow:0 0 18px var(--gold)}.shanghai{left:62%;top:18%}.hongkong{left:23%;top:65%}.taipei{left:61%;top:52%}.shanghai::before{background:var(--blue);box-shadow:0 0 18px var(--blue)}.hongkong::before{background:var(--green);box-shadow:0 0 18px var(--green)}.plane-map{position:absolute;z-index:4;font-size:2rem;filter:drop-shadow(0 0 12px currentColor)}.plane-blue{color:var(--blue);offset-path:path("M 660 150 C 715 235 700 315 625 370");animation:flyBlue 8s ease-in-out forwards}.plane-green{color:var(--green);offset-path:path("M 260 455 C 405 405 500 408 625 420");animation:flyGreen 8s ease-in-out forwards}.pickup-car{position:absolute;z-index:5;left:64%;top:46%;font-size:1.8rem;animation:pickupCar 8s ease-in-out forwards}.map-heart{position:absolute;left:63.5%;top:52%;font-size:2.5rem;color:var(--gold);filter:drop-shadow(0 0 18px var(--gold));animation:heartArrive 8s ease-in-out forwards}.journey-progress{display:grid;gap:12px;margin-top:18px}.progress-line{display:grid;grid-template-columns:110px 1fr 110px;gap:12px;align-items:center;color:var(--muted)}.progress-line div{height:10px;border-radius:999px;background:rgba(255,255,255,.10);overflow:hidden}.progress-line i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--green),var(--blue));transition:width .8s ease}.progress-line strong{text-align:right;color:var(--text)}@keyframes flyBlue{0%,12%{offset-distance:0%;opacity:1}48%,100%{offset-distance:100%;opacity:1}}@keyframes flyGreen{0%,25%{offset-distance:0%;opacity:1}70%,100%{offset-distance:100%;opacity:1}}@keyframes pickupCar{0%,50%{opacity:0;transform:translate(0,0)}55%{opacity:1}80%,100%{opacity:1;transform:translate(34px,48px)}}@keyframes heartArrive{0%,72%{opacity:0;transform:scale(.5)}85%,100%{opacity:1;transform:scale(1)}}