.container[data-v-d43045ea]{max-width:1200px;margin:0 auto;padding:20px;background:white;min-height:100vh}.header[data-v-d43045ea]{text-align:center;margin-bottom:30px}.header h1[data-v-d43045ea]{color:#1890ff;margin-bottom:8px;font-size:28px}.header p[data-v-d43045ea]{color:#666;font-size:16px}.main-content[data-v-d43045ea]{display:flex;gap:20px;margin-bottom:30px}@media (max-width: 768px){.main-content[data-v-d43045ea]{flex-direction:column}}.input-section[data-v-d43045ea],.map-section[data-v-d43045ea]{flex:1;min-width:0}.location-card[data-v-d43045ea],.map-card[data-v-d43045ea],.info-card[data-v-d43045ea]{margin-bottom:20px}.location-card[data-v-d43045ea] .ant-card-head,.map-card[data-v-d43045ea] .ant-card-head,.info-card[data-v-d43045ea] .ant-card-head{background:#f0f8ff;border-bottom:1px solid #e6f7ff}.input-group[data-v-d43045ea]{margin-bottom:16px}.current-location[data-v-d43045ea]{margin-top:16px;padding:12px;background:#f6ffed;border:1px solid #b7eb8f;border-radius:6px}.astronomy-info[data-v-d43045ea]{display:flex;gap:16px}.timeline-content[data-v-d43045ea]{display:flex;justify-content:space-between;align-items:center}.timeline-content .date[data-v-d43045ea]{font-weight:500;color:#1890ff}.timeline-content .time-info[data-v-d43045ea]{display:flex;gap:16px}.timeline-content .time-info .sunrise[data-v-d43045ea],.timeline-content .time-info .sunset[data-v-d43045ea]{font-size:14px}.moon-grid[data-v-d43045ea]{display:grid;gap:12px}.moon-day[data-v-d43045ea]{padding:12px;border:1px solid #f0f0f0;border-radius:6px;display:flex;justify-content:space-between;align-items:center}@media (max-width: 480px){.moon-day[data-v-d43045ea]{flex-direction:column;gap:8px;align-items:flex-start}}.moon-date[data-v-d43045ea]{font-weight:500;color:#1890ff;min-width:80px}.moon-times[data-v-d43045ea]{display:flex;gap:16px;min-width:120px}.moon-phase[data-v-d43045ea]{display:flex;align-items:center;gap:12px;flex:1;max-width:200px}.moon-phase .phase-name[data-v-d43045ea]{font-size:12px;color:#666;min-width:40px}.moon-phase .phase-bar[data-v-d43045ea]{flex:1;height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden}.moon-phase .phase-fill[data-v-d43045ea]{height:100%;background:linear-gradient(90deg,#1890ff,#722ed1);transition:width .3s ease}.moon-phase .phase-percent[data-v-d43045ea]{font-size:12px;color:#999;min-width:30px}.map-container[data-v-d43045ea]{height:400px;background:#f5f5f5;border-radius:8px;overflow:hidden}.map-placeholder[data-v-d43045ea]{height:100%;display:flex;align-items:center;justify-content:center}.demo-map[data-v-d43045ea]{width:300px;height:300px;background:linear-gradient(135deg,#87e8de 0%,#91d5ff 100%);border-radius:8px;position:relative;cursor:pointer;border:2px solid #1890ff}.map-grid[data-v-d43045ea]{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);height:100%}.grid-cell[data-v-d43045ea]{border:1px solid rgba(255,255,255,.3);transition:all .3s ease}.grid-cell[data-v-d43045ea]:hover{background:rgba(24,144,255,.1)}.map-marker[data-v-d43045ea]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;-webkit-animation:bounce-d43045ea 2s infinite;animation:bounce-d43045ea 2s infinite}@-webkit-keyframes bounce-d43045ea{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-60%) scale(1.1)}}@keyframes bounce-d43045ea{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-60%) scale(1.1)}}.instructions[data-v-d43045ea]{margin-top:30px}.instructions[data-v-d43045ea] .ant-collapse-header{font-weight:500}.instructions p[data-v-d43045ea]{margin-bottom:8px;line-height:1.6}@media (max-width: 768px){.container[data-v-d43045ea]{padding:12px}.header h1[data-v-d43045ea]{font-size:24px}.moon-day[data-v-d43045ea]{padding:8px}.moon-phase[data-v-d43045ea]{max-width:none}}