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