.distance-layout{display:grid;grid-template-columns:1.45fr 1fr;align-items:center;gap:36px;background:linear-gradient(130deg,#f5edf9,#fffaff);border:1px solid #e7dbee;border-radius:20px;padding:30px}.distance-map svg{width:100%;height:auto;display:block;overflow:visible}.distance-copy h3{font-family:'SimSun',serif;font-size:34px;line-height:1.7;font-weight:400;margin:20px 0}.distance-copy>p{font-size:13px;line-height:2.2}.distance-copy .handwritten{font-size:17px}.distance-connection{display:flex;align-items:center;gap:20px;font-size:15px;color:#9271ab;margin:30px 0}.distance-connection span:nth-child(2){letter-spacing:4px;color:#b494ca}.distance-link{font-size:12px;color:#8c63a8;border-bottom:1px solid #d9c5e6;padding-bottom:6px}.map-credit{font-size:9px;text-align:center;color:#a795b3}.map-credit a{text-decoration:underline}.love-route{animation:route-flow 8s linear infinite}.city-pulse{transform-box:fill-box;transform-origin:center;animation:city-pulse 3s ease-in-out infinite}.call-memories{padding-top:55px;scroll-margin-top:150px}.call-heading{text-align:center}.call-heading h3{font-family:'SimSun',serif;font-size:25px;font-weight:400}.call-heading p{font-size:12px}.call-frames{display:flex;justify-content:center;gap:60px;margin-top:40px;padding:15px 0}.call-frame{width:260px;background:#fffaff;border:1px solid #dfd0e9;border-radius:28px;padding:10px;box-shadow:0 14px 40px #81619812;transform:rotate(-3deg)}.call-frame:nth-child(2){transform:rotate(3deg);margin-top:30px}.call-screen{aspect-ratio:9/14;border-radius:20px;background:radial-gradient(ellipse at 30% 25%,#faf5ff,#ece0f5 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;font-size:13px;color:#a58bb7;border:1px solid #eee4f4}.call-heart{font-family:serif;font-size:65px;color:#bc9dce}.call-screen small{font-size:10px}.call-frame-note{text-align:center;padding:18px 0 10px;font-family:'KaiTi',serif;color:#a286b4;font-size:13px}body.video-playing .love-route,body.video-playing .city-pulse{animation-play-state:paused}@keyframes route-flow{to{stroke-dashoffset:-88}}@keyframes city-pulse{50%{transform:scale(1.35);opacity:.08}}@media(max-width:760px){nav{overflow-x:auto;justify-content:flex-start;gap:22px;padding:15px 18px}nav a{white-space:nowrap;flex-shrink:0}.distance-layout{grid-template-columns:1fr;padding:16px;gap:0}.distance-copy{padding:0 15px 20px}.distance-copy h3{font-size:27px}.distance-map{margin-bottom:0}.distance-connection{margin:20px 0}.call-heading h3{font-size:21px}.call-frames{gap:18px}.call-frame{width:calc(50% - 9px);padding:6px;border-radius:18px}.call-screen{border-radius:13px;font-size:10px;gap:10px}.call-screen small{font-size:8px}.call-heart{font-size:42px}.call-frame-note{font-size:10px;padding:12px 0 8px}}@media(prefers-reduced-motion:reduce){.love-route,.city-pulse{animation:none}}

.call-gallery{columns:4;column-gap:20px;margin-top:35px}.call-photo{display:block;break-inside:avoid;width:100%;border:1px solid #e4d4ef;background:#fffaff;border-radius:19px;padding:7px;margin:0 0 20px;box-shadow:0 10px 25px #8161980c;transition:transform .2s}.call-photo:hover{transform:translateY(-4px)}.call-photo img{display:block;width:100%;height:auto;border-radius:13px}.call-photo span{display:block;font-size:10px;color:#a085b1;padding:12px 2px 5px;letter-spacing:1px}@media(max-width:760px){.call-gallery{columns:2;column-gap:12px}.call-photo{margin-bottom:12px;padding:5px;border-radius:15px}.call-photo img{border-radius:10px}.call-photo span{font-size:9px;letter-spacing:0}}