body { margin: 0; font-family: 'Microsoft YaHei', Arial, sans-serif; background: #f4f6fa; }
header { background: #2a3f54; color: #fff; padding: 16px 0; text-align: center; }
#controls { padding: 10px; background: #fff; box-shadow: 0 2px 4px rgba(0,0,0,0.05); display: flex; gap: 10px; align-items: center; justify-content: center; }
#map { height: 80vh; width: 100vw; margin: 0; }
button { background: #1890ff; color: #fff; border: none; padding: 8px 16px; border-radius: 4px; cursor: pointer; transition: background 0.2s; }
button:hover { background: #40a9ff; }
input[type=number] { width: 120px; padding: 6px; border: 1px solid #ccc; border-radius: 4px; }