.distance-calculator[data-v-0a8b502c]{min-height:100vh;background:#f5f5f5}.header[data-v-0a8b502c]{background:#fff;box-shadow:0 2px 8px #0000001a}.main-content[data-v-0a8b502c]{display:flex;gap:16px;padding:16px;max-width:1400px;margin:0 auto}@media (max-width: 768px){.main-content[data-v-0a8b502c]{flex-direction:column}}.input-section[data-v-0a8b502c]{width:100%}@media (max-width: 768px){.input-section[data-v-0a8b502c]{flex:none;width:100%}}.map-section[data-v-0a8b502c]{flex:1;min-height:500px}.input-card[data-v-0a8b502c],.tutorial-card[data-v-0a8b502c],.map-card[data-v-0a8b502c]{margin-bottom:16px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.point-input-group[data-v-0a8b502c]{margin-bottom:24px}.point-input-group h3[data-v-0a8b502c]{color:#1890ff;margin-bottom:8px;font-weight:600}.input-row[data-v-0a8b502c]{margin-bottom:8px}.address-display[data-v-0a8b502c]{padding:8px 12px;background:#f8f9fa;border-radius:4px;font-size:12px;color:#666;min-height:18px}.address-display .placeholder[data-v-0a8b502c]{color:#999;font-style:italic}.calculate-btn[data-v-0a8b502c]{width:100%;height:40px;margin:16px 0}.result-section[data-v-0a8b502c]{text-align:center}.distance-display[data-v-0a8b502c]{padding:16px}.main-result[data-v-0a8b502c]{margin-bottom:16px}.distance-value[data-v-0a8b502c]{font-size:32px;font-weight:700;color:#1890ff;margin-right:8px}.distance-unit[data-v-0a8b502c]{font-size:18px;color:#666}.alternative-results[data-v-0a8b502c]{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.map-container[data-v-0a8b502c]{height:500px;border-radius:4px;overflow:hidden}.map-tips[data-v-0a8b502c]{padding:8px 12px;background:#e6f7ff;border:1px solid #91d5ff;border-radius:4px;margin-top:12px;font-size:12px;color:#1890ff}.tutorial-card .formula[data-v-0a8b502c]{background:#f8f9fa;padding:8px 12px;border-radius:4px;font-family:Courier New,monospace;margin:8px 0;text-align:center}.tutorial-card ol[data-v-0a8b502c],.tutorial-card ul[data-v-0a8b502c]{padding-left:20px}.tutorial-card ol li[data-v-0a8b502c],.tutorial-card ul li[data-v-0a8b502c]{margin-bottom:8px;line-height:1.5}[data-v-0a8b502c] .custom-marker{position:relative;text-align:center}[data-v-0a8b502c] .marker-label{background:#1890ff;color:#fff;padding:2px 6px;border-radius:10px;font-size:12px;font-weight:700;white-space:nowrap}[data-v-0a8b502c] .marker-dot{width:12px;height:12px;background:#1890ff;border:2px solid white;border-radius:50%;margin:2px auto 0;box-shadow:0 2px 4px #0003}